Programmation

Урок 1
Тег - это специальная команда HTML, которая позволяет вставить на страницу

определенный элемент: картинку, ссылку, таблицу и т.д.
Простой пример тега, который начертит горизонтальную линию:
<hr>
Теги бывают парные и одиночные.
Пример парного тега:
какой-то текст
В примере выше тег называют закрывающим тегом.
Теги также могут быть родительскими, соседними и дочерними (их еще называют
вложенными).
Пример всех трех случаев:


intocode

какой-то текст
В этом примере тег является родительским для тега , а тег дочерним для тега
. Теги и являются соседними.
Все HTML-страницы должны подчиняться определенным правилам.
Первые три правила, которые нам необходимо знать:
1. Всё содержимое страницы должно быть вложенным в тег <html>.

2. Сразу после открытия тега <html> должен идти тег <head>. Внутри этого тега
находится дополнительная информация о странице, которая не видна на странице.
3. После тега <head> должен идти тег <body>. Внутри этого тега пишется всё, что
должно выводиться на странице.
<html>
<head>
</head>
<body>
тут пишется всё, что нужно отобразить в браузере.
</body>
</html>
Внутри тега <head> всегда присутствует тег <title>, который задаёт заголовок страницы.
Полный пример страницы включая всё описанное будет выглядеть так:

<html>
<head>
<title>заголовок страницы</title>
</head>
<body>

intocode

какой-то текст
</body>
</html>
Атрибуты - это специальные свойства тегов, которые расширяют их функционал. У

каждого тега свой список атрибутов.
Атрибут тега пишется по такому правилу:
<тег атрибут="значение"></тег>
А если атрибутов несколько, то их пишут через пробел:
<тег атрибут="значение" атрибут2="значение2"></тег>
Например, у тега <body> есть атрибут bgcolor, который меняет цвет фона страницы. В
качестве значения нужно указать название цвета на английском, либо специальный код
цвета.
<body bgcolor="red">
тут код страницы
</body>
Также у тега <body> есть атрибут text. С помощью него можно указать цвет текста.
<body bgcolor="red" text="white">

тут код страницы
</body>
Такой код выведет страницу с красным фоном и белым текстом.
Список всех атрибутов определенного тега можно посмотреть на сайте htmlbook.ru.
Кстати на счет цветов. Так как существует миллион разных оттенков цветов для всех них
нет названий. Поэтому для указания цвета часто используют специальные коды. Этот код
обычно состоит из шести символов, а в самом начале стоит решетка.
<body bgcolor="#00ff00">
страница с зеленым фоном
</body>
Есть много инструментов, которые позволяют определить цвет и узнать его код:
 htmlcolorcodes.com
 www.w3schools.com/colors/colors_picker.asp
 html-color.codes
 htmlcolors.com
Если в HTML коде поставить перенос, то он не отобразится на странице.

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

Programmation

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Programmation

Загружено:

Авторское право:

Доступные форматы

Урок 1

Тег - это специальная команда HTML, которая позволяет вставить на страницу

Простой пример тега, который начертит горизонтальную линию:

Теги бывают парные и одиночные.

Пример парного тега:

В примере выше тег </b> называют закрывающим тегом.

Пример всех трех случаев:

Все HTML-страницы должны подчиняться определенным правилам.

Первые три правила, которые нам необходимо знать:

1. Всё содержимое страницы должно быть вложенным в тег <html>.

Полный пример страницы включая всё описанное будет выглядеть так:

Атрибуты - это специальные свойства тегов, которые расширяют их функционал. У

Атрибут тега пишется по такому правилу:

А если атрибутов несколько, то их пишут через пробел:

<тег атрибут="значение" атрибут2="значение2"></тег>

<body bgcolor="red" text="white">

Такой код выведет страницу с красным фоном и белым текстом.

Список всех атрибутов определенного тега можно посмотреть на сайте htmlbook.ru.

Если в HTML коде поставить перенос, то он не отобразится на странице.

Такой код выведет в браузер текст

первая строка вторая строка

Тег <br> используется, чтобы явно задать перенос строки в браузере.

Сверстать такую страницу:

Вам также может понравиться