Заголовки – элементы H1, H2, H3, H4, H5, H6
advertisement
<html> <head> <title>Простейший документ HTML</title> </head> <body> Здесь будет текст документа </body> </html> Форматирование текста: Элемент – Р Указывает на начало нового абзаца Пример: <р>Первый абзац <р>Второй абзац</р> … Элемент – BR Элемент Р разделяет текст на абзацы. Однако иногда требуется просто начать новую строку. Пример: <р>Начало абзаца<br> Продолжение абзаца с новой строки</р> … <br><br><br> Интервал в три строки Элементы TT, B, I, BIG, SMALL, STRIKE, S, U I Указывает на то, что заключенный в этот контейнер текст должен быть наклонным B Указывает, что текст должен быть выделен жирным шрифтом BIG Выводит текст более крупным размером SMALL Выводит текст более мелким размером U Указывает, что текст должен быть подчеркнут Пример: <b>Жирный текст</b> <i>Наклонный текст</i> <b><i>Жирный наклонный текст</i></b> <big>большой</big> и <small>маленький</small> текст <u>Подчеркнутый</u> текст Элемент FONT Атрибуты: Указывает либо число в диапазоне от 1 до 7, указывающее размер шрифта, либо относительное значение, например, +1, указывающее, на сколько шрифт должен быть крупнее окружающего. Значение SIZE=3 принято по умолчанию и для большинства браузеров означает размер, равный 12 пунктам. COLOR Указывает цвет шрифта. Например, COLOR="#009F00" задает темно-зеленый цвет. SIZE FACE Указывает гарнитуру шрифта. Например, FACE="Times New Roman" задает тип шрифта Times New Roman. Заголовки – элементы H1, H2, H3, H4, H5, H6 Элементы заголовка служат для выделения названия разделов документа. Существует шесть уровней заголовка. Чем меньше число, указывающее уровень, тем более значимым является заголовок. Иначе говоря, H1 указывает на самую главную тему, а H6 – на наименее значимую. Пример: <h1>Домашние животные</h1> Рассказываем о домашних животных вообще <h2>Собаки</h2> Общее о собаках <h3>Овчарки</h3> … Списки Элементы OL, UL и LI Элементы OL и UL служат для создания двух классических видов списков: ненумерованных (UL) и нумерованных (OL). Списки могут быть вложенными друг в друга при условии, что все они будут разного типа. Таким образом, допускается вложение глубиной не более трех. Например, в нумерованный список может быть вложен список определений (элемент DL), а в него, в свою очередь, можно вложить ненумерованный список. Элемент LI служит для обозначения элемента (строки) списка. Пример: <ul> <li>Строка – элемент ненумерованного списка <li>Еще одна строка в списке</li> <ol> <li>Строка – элемент вложенного нумерованного списка <li>Вторая строка вложенного списка</li> </ol> <li>Последняя (3-я) строка ненумерованного списка </ul> Атрибуты: TYPE START Указывает на тип маркера. Допустимые значения для ненумерованных списков: - disk - закрашенный шарик - circle - "пустой шарик - square – квадратик Допустимые значения для нумерованных списков: - A - заглавные буквы - a - строчные буквы - I - прописные римские цифры - i - строчные римские цифры - 1 - арабские цифры Указывает на начальное значение нумерованного списка Элементы DL, DT и DD Помимо обычных списков, существуют также списки-определения, задаваемые элементом DL. Они состоят из двух частей: определения (DT) и описания (DD) Пример: <dl> <dt>HTML <dd>язык разметки гипертекста</dd> <dt>Браузер <dd>Программа для просмотра гипертекста в интернете </dl> Ссылки Элемент А Элемент А, или якорь, служит для создания ссылок. В зависимости от того, с каким атрибутом этот элемент используется, он будет являться либо источником, либо местом назначения: 1. Если указан атрибут HREF, то элемент А является источником, или, как это чаще называют, самой ссылкой. 2. Если указан атрибут NAME, то элемент А является назначением для произвольного числа ссылок. Пример: <a href="http://library.sgu.ru/sounb">ссылка на сайт нашей библиотеки</a> <a href="mailto:library@freeline.ru">Щелкните, чтобы послать письмо!</a> Таблицы Элемент ТABLE Элемент TABLE является контейнером, определяющим таблицу. Все прочие элементы таблицы должны быть вложенными в него. Допускается также вложение таблиц одна в другую, т.е. содержимым ячейки может быть другая таблица. Пример: <table border=2 cols=2> <tr> <th>Заголовок столбца 1</th><th>Заголовок столбца 2</th> </tr> <tr> <td>Ячейка столбца 1, ряд 1</td><td>Ячейка столбца 2, ряд 1</td> </tr> <tr> <td> Ячейка столбца 1, ряд 2</td><td> Ячейка столбца 2, ряд 2</td> </tr> </table> Заголовок столбца 1 Ячейка столбца 1, ряд 1 Заголовок столбца 2 Ячейка столбца 2, ряд 1 Ячейка столбца 1, ряд 2 Ячейка столбца 2, ряд 2 Атрибуты элемента TABLE: WIDTH ALIGN BGCOLOR Указывает ширину таблицы. Для указания ширины можно использовать как абсолютные значения (например, пиксели), так и относительные (в процентах от ширины окна браузера). Указывает выравнивание всей таблицы в окне браузера Может принимать следующие значения: - center - выравнивает по центру - left - выравнивает по левому краю (принят по умолчанию) - right - выравнивает по правому краю Указывает цвет фона таблицы CELLSPACING Указывает ширину рамки вокруг таблицы в пикселях. Если значение установлено в 0, то рамки вокруг ячеек не рисуются. Задает расстояние между соседними ячейками таблицы CELLPADDING Задает отступ между внутренней границей ячейки и ее содержимым. BACKGROUND Задает адрес фонового рисунка для таблицы BORDER BORDERCOLOR Задает цвет рамки Элемент CAPTION Служит для указания заголовка таблицы. Он должен следовать сразу после открывающего тега TABLE. Текст, находящийся внутри контейнера CAPTION отображается либо непосредственно над таблицей, либо сразу после не. Пример: <caption>Заголовок</caption> Элемент TR Этот элемент является контейнером для группы ячеек в строке. Все ячейки в таблице должны находиться внутри элементов TR. Количество строк в таблице соответствует числу элементов TR. Пример: <table> <tr> … строка 1 <tr> … строка 2 </table> Атрибуты элемента TR: ALIGN CHAR VALIGN BACKGROUND BORDERCOLOR Определяет горизонтальное выравнивание данных и текста во всех ячейках строки. Допустимые значения: - center - выравнивает по центру - left - выравнивает по левому краю (принят по умолчанию) - right - выравнивает по правому краю - justify – выравнивает по обоим краям (по ширине ячейки) - char – выравнивает относительно указанного символа) Определяет символ, относительно которого следует выравнивать текст определяет выравнивание по вертикали во всех ячейках строки. Допустимые значения: - top – выравнивание по верхнему краю ячейки - middle – выравнивание по центру ячейки - bottom – выравнивание по нижнему краю ячейки Задает адрес фонового рисунка для строки таблицы Задает цвет рамки Элементы TH и TD Эти элементы служат для обозначения ячейки. Причем TH используется для ячеек-заголовков, а TD – для ячеек-данных. Если не указано иначе, но текст, расположенный в TH, будет выводиться жирным шрифтом с выравниванием по центру, а в TD – нормальным начертанием с выравниванием по левому краю. Эти элементы всегда должны быть вложенными в контейнер TR. Пример: <table> <tr><th>строка 1, заголовок 1</th><th>строка 1, заголовок 2</th></tr> <tr><td>строка 2, данные 1</td><td>строка 2, данные 2</td></tr> </table> Атрибуты элемента TH, TD: COLSPAN ROWSPAN WIDTH Определяет протяженность ячейки в длину, т.е. на сколько столбцов данная ячейка протягивается Определяет протяженность ячейки в высоту, т.е. на сколько строк данная ячейка распространяется. Задает рекомендуемую ширину ячейки (либо в пикселях, либо в процентах) <table> <tr> <td> </td> <td> </td> <td> </td> </tr> </td> <td> </td> Объединение двух столбцов </tr> Объединение двух столбцов <tr> <td> </table> </td> <td>
