Вы находитесь на странице: 1из 3

_______ТЕГИ_________

__основняе__
<html></html> - контейнер
<meta> - т.е. метаданные, т.е. данные о данных или информация об
информации (<meta charset="utf-8"/>)
<head></head> - "шапкa" документа. Внутри шапки содержится всякая служебная
информация - заголовок страницы, команды для поисковых роботов, информация о языке
и кодировке документа и многое другое.
<body></body> - тело документа <body> (body - тело). именно сюда мы будем
писать все то, что хотим увидеть на нашей странице.
<!-- --> - комментарии к коду. Весь текст между будет являться
комментарием и выполняться не будет.
<h1></h1> - Заголовок. h1, h2, h3... h8 (от headline - заголовок). Чем
меньше цифра, тем важнее заголовок.
h1 - основной заголовок страницы, он обычно самый
крупный,
h2 - подзаголовок, он помельче. и т.д.

<p></p> - Абзац текста (от paragraph - абзац).


<img> - Для того, чтобы вставить картину на страницу. Это одиночный
тег, у него нет закрывающей пары. <img src="name.png" width="300"/>

<ul></ul> - Маркированный список обозначается тегом (от unordered list –


неупорядоченный список).
<ol></ol> - Нумерованый список
<li></li> - Каждый элемент списка обозначается тегом <li> (сокращение от
list item – пункт списка).
<iframe></iframe>- для добавления видео
<a></a> - ссылка, используется с атрибутом href (от Hyper reference
- гиперссылка)
<hr></hr> - горизонтальна линия на всю сроку
<link> - ссылка для подключения документов в веб-страницу (фавикон
и т.д.)
<link rel="icon" type="image/x-icon" href="favicon.ico" />
rel - указывает отношение между существующим документов и
файлом на который делаеться ссылка
type- указывает тип изображения
href- адресс документа

__для текста___
<b></b> - устанавливает жирное начертание (от bold - жирный)
<strong></strong>-который используется для акцентирования текста (strong -
сильный). Т.е. он сообщает браузеру, что текст внутри strong – важный. Браузеры
акцентированный текст отображают как жирный.
<i></i> - который просто задают курсивное начертание (от italic - курсив)
<em></em> - который означает экспрессивно-эмоциональное выделение (от emphasis -
акцент). Браузерами отображается как курсив.
<span></span>- <span style="font-size: 18px; color: black">Симба — сын Короля-
льва</span>

__для таблицы___
<table></table> - сама таблица (table переводится не только как «стол», но и как
«таблица»)
<tr></tr> - строка внутри таблицы (table row – строка таблицы)
<td></td> - ячейка внутри строки (table data - ячейка или данные таблицы)

________АТРИБУТЫ______
src и width - <img src="name.png" width="300"/>

align - Атрибут выравнивания: left, right, center и justify


(justify, одновременно и по правому, и по левому краю, т.е. по
ширине).
<p> Для абзаца мы можем указать выравнивание: по левому краю, по
правому краю, по центру и по ширине.
<h> для заголовков мы можем указать выравнивание: по левому краю, по
правому краю, по центру и по ширине.
Если align для текста не указан, то весь текст выравнивается по
левому краю.
Для <img> тоже можно указать атрибут align, но он будет работать
немного по-другому.

charset - набор символов (<meta charset="utf-8"/>)

__для body__
Bgcolor - цвет фона страницы
text - цвет текста на странице
link - цвет ссылки на странице
background - фон
topmargin - отступ от верха экрана
leftmargin - отступ слева от экрана
rightmargin - отступ справа от экрана
bottommargin- отступ снизу экрана

__для абзаца__
style - <p style="font-size: 14px; color: green"> - font-size(размер),
color(цвет)

__для ссылок__
href - от Hyper reference - гиперссылка (<a
href="https://ru.wikipedia.org/wiki/%D0%A1%D0%B8%D0%BC%D0%B1%D0%B0">Википедии</a>)
name - ссылкa на определенное место страницы
link - цвет ссылки

__для таблицы__
align - Определяет выравнивание таблицы.
left
right
center
justify
valign - (сокращенно от vertical align) горизонтальное выравнивание:
top (к верху),
middle (по центру),
bottom (к низу)
Bgcolor - цвет фона таблицы. (background color – цвет фона)
Border - толщина рамки в пикселах. (border - рамка)
Bordercolor - цвет рамки. (border color – цвет рамки)
Сellpadding - отступ от рамки до содержимого ячейки. (cell – клетка, padding –
набивка или отступ)
cellspacing - задаёт расстояние между ячейками таблицы
Width - ширина таблицы.
colspane - для соединения нескольких ячеек.

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