Что такое html: просто о сложном

Что такое html

Доброго времени суток всем пользователям интернета. В очередной своей статье я решил разобрать вопросы, что такое html и как он применяется во всемирной паутине.

Html это сокращение от Hypertext Markup Language, что в переводе означает язык гипертекстовой разметки. Как я уже говорил в одной из прошлых своих статей, весь наш интернет состоит из сайтов и серверов, на которых эти сайты находятся. И когда мы посылаем запрос на получение той или иной веб-страницы, наш браузер идет на сервер, где лежит запрашиваемая страница, и достает ее оттуда по индивидуальному url-адресу (что такое веб-страница).

Но страницы всех сайтов хранятся на серверах вовсе не в том красивом и аккуратном виде, в котором мы привыкли их видеть на экранах своих мониторов. Они хранятся в виде программных файлов, которые браузер уже при получении преобразовывает в привычный для нас вид.

Так вот весь процесс преобразования страницы сайта из программного файла в читабельный вид происходит именно благодаря html разметке. Html язык размечает текст и некоторые элементы страницы таким образом, чтобы наши интернет браузеры могли понять как именно необходимо показать текст и его содержимое пользователю (что такое интернет браузер).

Разметка текста страниц осуществляется с помощью специальных html тегов. Каждый тег имеет свое назначение и функцию. Также все теги условно можно разделить на две группы: открывающие и закрывающие. Чтобы было понятней, давайте разберем все на конкретных примерах.

1. Пример первый: Что такое html

Тег <b> применяется для выделения текста на страницах жирным шрифтом. Другими словами, каждый браузер всегда будет выделять жирным текст, заключенный между тегами <b> и </b>. В данном случае тег <b> является открывающим, а тег </b> будет закрывающим, слово «Заголовок» будет выделено жирным.

2. Вот вам еще один пример: Что такое html тег title

Тег <title> используется для выделения заголовков страниц. Для текста, заключенного в данный тег, будет увеличен размер шрифта, и он также будет выделен жирным. 

3. Следующий пример: Что такое html

Тег <a> используется для создания в тексте ссылок. Данный тег имеет атрибут «href=», в котором и прописывает url-адрес самой ссылки. Слово «блог», заключенное между открывающим тегом <a> и закрывающим </a> является анкором ссылки. Подробно об этом я говорил в статье — что такое анкор ссылки.

4. И последний пример, который я вам сегодня покажу, будет выглядеть так:

Что такое html

Тег <img> применяется для размещения в тексте картинок и изображений. Имеет атрибут «src=», здесь указывается адрес картинки. И атрибут «alt=», в нем указывается описание картинки, которое будет отображаться на странице до окончания загрузки самого изображения.

Html ни в коем случае нельзя назвать языком программирования. Так как он не имеет логических функций и алгоритмов. Все что делает html, это размечает объекты на странице, помогает правильно их показать. На этом возможности гипертекстовой разметки заканчиваются.

Для чего используется html разметка

Что такое html мы сказали — это набор определенных тегов и атрибутов, с помощью которого размечается текст для дальнейшего его преобразования в читабельный вид. Это понятно. Ну, а для чего вообще нужна эта html разметка?

А нужна она для того, чтобы сайты и их страницы могли более или менее одинаково отображаться во всех браузерах. Каждый из нас знает, что в сети сегодня уже миллионы интернет-ресурсов. Браузеров тоже не один, только основных слету можно назвать штук пять шесть. Так вот чтобы сайты в большинстве случаев выглядели так, как это задумывали их разработчики, и был внедрен в интернет html язык.

Конечно, html разметка вовсе не гарантирует 100% одинакового отображения сайтов во всех веб-обозревателях. Есть тонкие моменты и нюансы, которые все-таки этот язык может упустить. Поэтому, многие владельцы интернет-ресурсов заказывают себе профессиональную верстку. Вот она то точно сделает ваш сайт одинаковым абсолютно везде  (что такое верстка сайта).

Говоря о html, нельзя не упомянуть о технологии CSS. Ее сегодня активно применяют вместе с html. Css — это создание уже готовых стилей различных объектов на сайте (ссылок, картинок, заголовков, подразделов), которые позволяют существенно оптимизировать код html страниц. В этом случае отпадает необходимость описывать каждый объект на странице, достаточно будет просто указать стиль, в соответствии с которым необходимо показать объект. Кому интересно почитаете — что такое CSS.

Напоследок, хочу сказать следующее. Несмотря на то, что наш html язык имеет довольно много тегов и атрибутов, изучить его под силу любому желающему. Он весьма прост и логически понятен.

Но, необходимость досконально углубляться в него, я вижу только в случае, если вы хотите стать настоящим профессиональным верстальщиком и планируете писать крутые программные коды для интернет-ресурсов. Ни для чего остального, полное владение html сегодня уже понадобиться не может.

На сегодня буду заканчивать наш разговор. Теперь вы знаете и понимаете, что такое html и для чего он нам нужен.

Всем удачи! build_links(); ?>

С уважением, ShowFLinks(); // Отступ от блока echo "

"; // Вывод ссылок echo $client_lnk->ShowLinks(); ?> Андрей Наседкин.

Блог: stroika-saitov.ru.

«

»

7 комментариев

  1. Ekaterina говорит:

    в 02:11

    Язык html меня пока пугает. Но, читая подобные разъясняющие статьи, немного вдохновляешься тем, что может быть, не всё так страшно, если поизучать повнимательнее. Спасибо , Андрей, что не жалеете времени на обучение начинающих.

    Ответить
    • Андрей Наседкин говорит:

      в 12:38

      Всегда пжлст ))

      Ответить
    • Петр говорит:

      в 11:39

      Екатерина, напишите в Блокноте текст с красными строками, сохраните в html и откройте браузером. Потом сравните что показывает браузер и как у вас в Блокноте написано. Быстрее поймёте, для чего html нужен.

      Ответить
      • Екатерина Золотова говорит:

        в 15:53

        Боюсь, что это у меня пока не получится, Пётр, но , в то же время, уверена, что ещё немного почитаю полезные материалы с сайта Андрея и начну справляться с самыми трудными вещами.

        Ответить
  2. Петр говорит:

    в 11:42

    На первых порах у меня была путаница с тегам и их атрибутами. Немного опыта и всё встало на свои места. Тегов много, атрибутов ещё больше, в случае затруднения смотрю в справочник.

    Ответить
    • Екатерина Золотова говорит:

      в 16:12

      Ваш комментарий вселяет оптимизм. Что и мне потребуется пусть и побольше опыта, но всё же и я разберусь и с тегами и с атрибутами.

      Ответить
    • Петр Кожевников говорит:

      в 00:37

      В большинстве движков всё упрощено. Нужные теги в простых случаях поставит сам движок. В случаях посложнее без знания тегов не обойтись.

      Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: