Основные теги HTML
font-family – виды шрифтов и их приоритеты, значения – "Arial", "Courier" (названия шрифтов), serif, cursive(группа шрифтов с засечками) <body style="font-family:'Times New Roman',serif"> или body {font-family: "Times New Roman", serif) font-style – определяет начертание букв (normal – нормальное, italic - курсив, oblique – наклонное) font-weight – определяет жирность шрифта, значения: 100, 200,... 900. font-size – размер шрифта, font-size:16pt – размер в пунктах, font-size:160% – размер в процентах, font-size:1.2em – размер в пропорции к базовому размеру шрифта в данном элементе color – цвет символов, значения – названия цветов (red, gray) или 16-ричный код (#00FF0D). background-color – цвет фона, значения – названия цветов (red, gray) или 16-ричный код (#00FF0D) text-align – выравнивание текста, значения: left, right, center, justify (выравнивание по ширине). text-decoration – оформление текста, значения: underline - подчёркивание, overline - надчёркивание, line-through - зачёркивание, blink - мерцание text-indent – отступ первой строки элемента уровня блока, например, абзаца p {text-indent: 20pt) background-image – фоновый рисунок – background-image:url(stars.gif) background-repeat – повторяемость фонового рисунка, значения: repeat, repeat-x, repeat-y, no-repeat. margin-top, margin-left, margin-bottom, margin-right - поля документа, задаются в пикселях, процентах и т.д. Границы (обрамление): border-color – цвет границы. border-width – толщина границы (thin, medium, thick или числовое значение). border-style – тип линии (none – нет линии, solid - сплошная, dotted - пунктир, dashed - штриховая, double - двойная, groove - углублённая, ridge - выпуклая, inset - утопленная, outset - выпуклая)
Основные теги 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. <!- - - > - комментарии
|
