Основные теги HTML

1. <!DOCTYPE HTML> - элемент, содержащий сведения об используемой версии языка HTML (стандарт и тип документа):

<!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 //EN”> - стандарт 4.01, строгое определение типа документа,

<!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 Transitional //EN”> - стандарт 4.01, переходное определение типа документа,

<!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 Frameset //EN”> - стандарт 4.01, определение типа документа, имеющего фреймовую структуру.

2. <html> </html> - начало и конец HTML-документа.

3. <head> </head> - заголовок HTML-документа.

4. <title> </title> -текст, выводимый в заголовке окна браузера

5. <meta http-equiv=”Content-Type” content=”text/html; charset=Windows-1251”> - указание кодировки символов (вариант для русского текста в Windows)

6. <body bgcolor=”color” background=”filename” text=”textcolor”> </body> - определитель границ и основных параметров тела документа. bgcolor – цвет фона документа, background – URL-адрес графического файла, используемого в качестве фона документа, text – цвет текста. Цвета выбираются из таблицы цветов.

7. <p align=”a”> </p> - определитель абзаца. align – выравнивание текста в абзаце(left, right, center, justify)

8. <pre> </pre> - предварительно отформатированный текст; пробелы, отступы в начале строк сохраняются

9. <h1></h1>.. <h6></h6> - заголовки

10. <blockquote> </blockquote> - отделяет фрагмент текста пустыми строками и увеличивает отступы слева

11. <br> - перенос текста на следующую строку

12. <nobr> </nobr> - текст, размещаемый в одной строке

13. <strike> </strike> - перечёркнутый шрифт

14. <hr align=”a” size=”s” width=”w” color=”c” noshade> - горизонтальная линия; align – выравнивание линии, size – высота линии в пикселях, width – ширина линии в пикселях или в процентах от ширины окна браузера, color – цвет линии по таблице цветов, noshade – отменяет рельефность линии

15. <img src=”s” width=”w” height=”h” border=”b” hspace=”hs” vspace=”vs” alt=”alt” align=”a”> - задаёт изображение; src – URL-адрес файла, хранящего изображение (обязательный параметр), width и height – ширина и высота изображения в пикселях, border – толщина рамки вокруг картинки, hspace и vspace – минимальное расстояние по горизонтали и вертикали между картинкой и находящимися рядом объектами, alt – текст, выводящийся на экран до полной загрузки картинки, align – выравнивание картинки относительно текста (top, texttop, middle, absmiddle, bottom, asbbottom, left, right)

16. <a href=”h”> </a> - определяет текстовый указатель ссылки, href – URL-адрес документа, на который указывает ссылка

17. <ul> </ul> - задаёт маркированный список

18. <ol> </ol> - задаёт нумерованный список

19. <li> - определяет элемент списка

20. <table border=”b” cellspacing=”cs” cellpadding=”cp” width=”w” height=”h” align=”a”> </table> - определяет начало, конец таблицы и её параметры, border – толщина рамки вокруг всей таблицы, cellspacing – промежуток между ячейками в пикселях, cellpadding – промежуток между содержимым ячейки и границей, width и height – высота и ширина таблицы, задаётся в пикселях или в процентах к размеру окна браузера, align – выравнивание таблицы в окне (left, right)

21. <caption> </caption> - заголовок таблицы, размещается внутри тега table

22. <tr align=”a” valign=”v”> </tr> - задаёт начало и конец строки в таблице, align и valign – горизонтальное (left, right, center) и вертикальное (top, middle, bottom, baseline) выравнивание текста

23. <td align=”a” valign=”v” colspan=”c” rowspan=”r”> </td> - задаёт границы ячейки с данными в таблице, align и valign – горизонтальное (left, right, center) и вертикальное (top, middle, bottom, baseline) выравнивание текста, colspan и rowspan – количество объединяемых ячеек по горизонтали и по вертикали

24. <th align=”a” valign=”v” colspan=”c” rowspan=”r”> </th> - задаёт границы ячейки с заголовками в таблице, align и valign – горизонтальное (left, right, center) и вертикальное (top, middle, bottom, baseline) выравнивание текста, colspan и rowspan – количество объединяемых ячеек по горизонтали и по вертикали

25. <!- - - > - комментарии

Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями: