/
Как привлечь посетителей на сайт. Несколько простых советов Bootstrap или Grid - что лучше использовать для адаптивности сайта? Что такое доменное имя сайта и как выбрать доменное имя для сайта ? Анализ страниц поисковыми машинами Какую выбрать тематику сайта ?

Как привлечь посетителей на сайт. Несколько простых советов


Доступны многочисленные ресурсы, в которых подробно рассказывается, как привлечь трафик на свой веб-сайт. Однако одной лишь возможности привлечь трафик на сайт недостаточно. 25 дней назад
Как привлечь посетителей на сайт. Несколько простых советов
Как привлечь посетителей на сайт. Несколько простых советов
Bootstrap или Grid - что лучше использовать для адаптивности сайта?
Bootstrap или Grid - что лучше использовать для адаптивности сайта?
Что такое доменное имя сайта и как выбрать доменное имя для сайта ?
Что такое доменное имя сайта и как выбрать доменное имя для сайта ?
Анализ страниц поисковыми машинами
Анализ страниц поисковыми машинами
Какую выбрать тематику сайта ?
Какую выбрать тематику сайта ?

Урок 5. Атрибуты, линии и комментарии в HTML

Урок 5. Атрибуты, линии и комментарии в HTML

Атрибуты HTML.

Атрибуты содержат дополнительную информацию HTML тега и изменяют их. Атрибуты всегда пишутся в открывающем теге и имеют следующую структуру: имя=«значение». Атрибуты имеют значения, значение меняет атрибут.

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

<p align="center"> Текст выровнен по центру</p>

В примере видно что у тега<p> имеется атрибут align(выровнять), который имеет значение center(по центру). Атрибут выравниванияalign указывает, как будет выровнен текст в документе.

<html>
<head>
<title>Название сайта</title>
</head>
<body>
<h1 align="center">Заголовок первого уровня выровнен по центру</h1>
</body>
</html>
 

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

Комментарии в HTML.

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

<!--Пример комментария -->

<!-- является открывающим тегом комментария в котором ставится восклицательный знак (!), после чего идет комментарий, а затем закрывающий тег --> без восклицательного знака.

<html>
<head>
<title>Название сайта</title>
</head>
<body>
<h1 align="center">Заголовок первого уровня выровнен по центру</h1>
<!--Пример комментария-->
</body>
</html>
 
 

Горизонтальные линии в HTML.

Для добавления горизонтальной линии в HTML документ, необходимо прописать тег <hr/>.

Тег <hr/> не имеет открывающего и закрывающего тега, а используется как отдельный элемент.

<html>
<head>
<title>Название сайта</title>
</head>
<body>
<h1 align="center">Заголовок первого уровня выровнен по центру</h1>
<hr/> <!--Линия после заголовка-->
<p>Параграф текста</p>
<!--Пример комментария-->
</body>
</html>
 
 

Перенос строки в HTML.

За перенос строки в HTML отвечает тег <br/>, так же можно считать единым элементом, но не содержит каких-либо атрибутов.

<html><head>
<title>Название сайта</title>
</head>
<body>
<h1 align="center">Заголовок первого уровня выровнен по центру</h1>
<hr/> <!--Линия после заголовка -->
<p>Здесь пример <br/> переноса строки</p>
<p align="center"><b>Параграф текста</b></p>
<!--Комментарий при просмотре исходного кода страницы-->
</body>
</html>
 

Как вы заметили комментарии абсолютно не видны посетителю страницы, но отображаются при просмотре исходного кода. Комментирование своего кода является хорошей привычкой не забывайте об этом.

22:48
437
RSS
Нет комментариев. Ваш будет первым!
Загрузка...