Что такое HTML, как он используется и что он ест?

HTML означает Hyper*Text **MarkupL*anguage (или язык разметки гипертекста).

Возможно, вы слышали о других языках разметки, таких как XML (E*xtensible **Markup **Language — расширяемый язык разметки) или **YML* (Yet Another Markup Language — еще один язык разметки).

Независимо от того, какой браузер вы используете (Chrome, Safari или Firefox), они имеют только одну цель — интерпретировать ваши файлы. Например, файлы HTML, CSS и JavaScript веб-сайта, который будет отображаться.

Например, вот HTML-код, который говорит, что наш сайт должен иметь заголовок «Мой сайт», а в теле должен быть заголовок «Hello World».

<html>
   <head>
       <title>Mi Sitio</title>
   </head>
   <body>
       <h1>Hola Mundo!</h1>
   </body>
</html>
Войдите в полноэкранный режим Выход из полноэкранного режима

Поздравляю! Теперь вы создали свой первый сайт!

Если мы передадим этот код нашему браузеру, он откроет его и отобразит в таком виде: название сайта обычно находится в верхней строке, а этот H1 или «большой заголовок» появляется в теле нашего сайта.

Чтобы легко попрактиковаться в работе с HTML, мы можем использовать сайт под названием codepen.io. Вы можете бесплатно зарегистрироваться на сайте, используя свою электронную почту, twitter, facebook или аккаунт на github (рекомендуется).

После входа в систему, как вы видите, вам разрешено вводить HTML, CSS и JavaScript.

Все три типа файлов будут интерпретированы и отображены ниже как ваш сайт.

Теперь нам понадобится текст для работы или что-то, чему мы можем придать структуру.

Если вы отправитесь в La Isla Del Tesoro, то сможете увидеть книгу «LA ISLA DEL TESORO».

Как вы можете видеть, книга написана обычным текстом. В нем есть все тексты, но нет абсолютно никакой структуры.

Скопировав первую часть книги в наш редактор codepen, мы можем отформатировать ее с помощью HTML-тегов, как показано ниже (нажмите на «HTML», чтобы увидеть код).

В следующей статье мы рассмотрим анатомию HTML-тегов!

Оцените статью
Procodings.ru
Добавить комментарий