учебник html

Что такое HTML-язык и для чего он используется

18 авг. 2018

HTML или «HyperTextMarkupLanguage» дословно переводится как язык гипертекстовой разметки текста. Он составляет основу любой веб-страницы, вне зависимости от, так называемого, «движка» сайта.

HTML-код, как фундамент веб-страниц



Стоит отметить, что, если совокупность страниц, являющихся предметами материального мира, составляют, к примеру, книгу, журнал или альбом, то совокупность веб-страниц, которые объединены одним доменным именем представляет собой сайт. 

Каждая веб-страница, являющаяся составляющим элементом сайта, обладает уникальным текстом, написанным пользователем (разработчиком страницы) и заключённым им в HTML-код.

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

Если описывать взаимодействие HTML-кода с таблицей стилей CSS на примере строительства сооружения, то первое будет представлять собой необходимые для воздвижения строительные материалы, а второе – рабочую бригаду, которая путём нехитрых манипуляций приводит стройматериалы к виду готового дома.

Элементы кода



К элементам кода относятся:

• теги;

• теговые атрибуты;

• значения теговых атрибутов.

Следует рассмотреть все составляющие кода подробнее.

1. Тег html является основным элементом кода. Также принято считать, что тег html является родительским для всех остальных тегов. Он прописывается следующим образом: «<html></html>». Данный тег состоит из двух частей. К открывающей части тега относятся первые угловые скобки, к закрывающей – вторые угловые скобки со слешем. Между двумя частями прописывается весь остальной html-код определённой веб-страницы, отображение которой в последствие будет реализовано на экране интернет-устройств пользователей.

Тег <html> предназначен для сообщения браузеру, когда он делает запрос на сервер, на котором находится веб-сайт, о том, что ему с сервера отсылается html-документ.

Остальные теги, являющиеся элементами кода, содержат те же угловые скобки с буквой или словом, которые определяют то, какой элемент будет выведен этим тегом на экран. Слово или буква в угловых скобках будут являться наименованием тега.

К примеру, если в угловых скобках прописать «h1», то на экран устройства выведется текстовое сообщение в виде заголовка. Это означает, что размер шрифта написанного текста в заголовке будет гораздо больше в сравнении с остальным текстом, размещение которого предполагается на веб-странице.
Образец: 


     А вот то, что видит пользователь в своём браузере 

тег H1

Так же можно задать тегу <h1> цвет,фон,поля вокруг текста

Рассмотрим на примере ниже

h1

 

А так видим мы его с вами

 


Кроме того, если в угловые скобки заключить букву «p», то текст, установленный между тегами, будет показан на экране в виде абзаца. Дела будут обстоять таким образом, что шрифт сохранит свой стандартный размер, однако, весь текст, идущий после вставки тега, будет начинаться с новой строчки.
Образец: <p>Учимся на практике</p>

А так его видит пользователь 

Как видит пользователь

Примечание! Полный список тегов пользователь всегда может посмотреть, перейдя по следующей ссылке: www.w3.org.

Как правило, персонам, не заинтересованным в последующем осуществлении профессиональной трудовой деятельности, связанной с программированием будет достаточно знать 10-15 тегов из списка, приведённого по ссылке.


2. Далее необходимо пояснить, что из себя представляют атрибуты тегов и их значения.

Атрибут тега – это дополнительная команда браузера. В основном атрибуты используются в количестве не более 10-ти из всех видов. Связано это с тем, что многие из них используются очень редко (часть из них вообще уже устарела с появлением CSS).
Примечание! Изначально, когда таблицы стилей CSS ещё не было, пользователям приходилось делать, к примеру, позиционирование, отступы, границы, а также расположение элементов веб-страницы при помощи тегов и атрибутов HTML.

Написание атрибута осуществляется в открывающейся части тега. Например, если юзеру захотелось придать заголовку «h1» какой-то цвет, то в открывающейся части тега соответствующего тега ему следует вставить «color».
Пример: <h1 color></h1>

Указав, что заголовок будет цветным, необходимо определиться с тем, в каком именно он будет цвете. Для этого рядом с атрибутом «color», который установлен в открывающей части тега заголовка «h1» надлежит прописать значение атрибута тега.
Внимание! Атрибут в обязательном порядке должен быть со значением. То есть, если пользователь дал команду того, что заголовок должен быть цветным, тогда необходимо указать то, в каком конкретно он будет цвете.
Пример: <h1 style="color:#ff0000">Ваш заголовок</h1>



Анализируя последний пример, можно сделать вывод, что он отличается от предпоследнего наличием «="#ff0000"», следовательно, это и есть значение атрибута тега. Атрибут «color» вместе со значением атрибута «="##ff0000» устанавливают, что заголовок «h1» будет показан на экране в красном цвете.

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

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

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

 

Если статья понравилась, то поделитесь ей в социальных сетях:

Понравилась статья? Подпишись и будь в курсе всех новостей!

Нажимая на кнопку, вы даете согласие на обработку своих персональных данных Политика конфиденциальности

Вам также будет интересно:

Комментарии (0)


    Vkontakte