Архитектура Аудит Военная наука Иностранные языки Медицина Металлургия Метрология
Образование Политология Производство Психология Стандартизация Технологии


Основы HTML .Создание списков в HTML – документе.



Стандартный список html

Стандартный список - это такой список, в котором подпункты выделяются точками, независимо от их количества.маркированный

<ul>

<li>Первый элемент обычного списка</li>

<li>Второй элемент обычного списка</li>

</ul>

Нумерованный список html. Нумерованный список - это список, в котором подпункты выделяются цифрами по порядку.

<ol>

<li>Первый элемент нумеро-+ванного списка</li>

<li>Второй элемент нумерованного списка</li>

</ol>

можно изменять параметры нумерации. Для этого используем атрибут type и указываем нужное значение

A - заглавные латинские буквы (A, B, C)

a - прописные латинские буквы (a, b, c)

I - большие римские цифры (I, II, III)

i - маленькие римские цифры (i, ii, iii)

Пример вложенного списка.

<ol type="a" start="1">

         <li>Первый элемент списка</li>

         <li>Второй элемент списка</li>

         <ul type="square">

         <li>Первый подпункт списка</li>

         <li>Второй подпункт списка</li>

         </ul>

         <li>Третий элемент списка</li>

         <li>Четвертый элемент списка</li>

         <li>Пятый элемент списка</li>

         </ol>

28.  Основы HTML .Создание таблиц в HTML – документе. Объединение ячеек.

<HTML><HEAD>

<TITLE>Пример простейшей таблицы</TITLE></HEAD>

<BODY><TABLE BORDER>

<TR>

<TD>Ячейка 1 строки 1</TD>

<TD>Ячейка 2 строки 1</TD></TR>

<TR>

<TD>Ячейка 1 строки 2</TD>

<TD>Ячейка 2 строки 2</TD></TR></TABLE></BODY></HTML>

Для объединения двух и более ячеек в одну используются атрибуты colspan и rowspan тега <td>. Атрибут colspan устанавливает число ячеек объединяемых по горизонтали. Аналогично работает и атрибут rowspan, с тем лишь отличием, что объединяет ячейки по вертикали. Перед добавлением атрибутов проверьте число ячеек в каждой строке, чтобы не возникло ошибок. Так, <td colspan="3"> заменяет три ячейки, поэтому в следующей строке должно быть три тега <td> или конструкция вида <td colspan="2">...</td><td>...</td>.

29. Основы HTML .Элементы оформления текста: абзацы, заголовки. Выравнивание текста.

<h1>Текст в виде большого заголовка</h1> и <h6>Текст в виде маленького заголовка</h6>

перенести тест на новую строку-ставить не один тег <br>

разбить на абзацы. В html такую функцию выполняет тег <p>. Если поместить текст между открывающим тегом <p> и закрывающим тегом </p>, то сверху и снизу от этого теста появится отступ, т.е. этот кусок текста отделится от общей массы текста и образуется параграф. По умолчанию параграф выровнен по левому краю.

Выравнивание текста

Всего в html можно задать 4 типа выравнивания: по левому краю, по правому краю, по центру, по ширине. Чтобы задать тип выравнивания нужно параметру align тега <p> присвоить одно из значений:

· left (выравнивание по левому краю),

· right (выравнивание по правому краю),

· center (выравнивание по центру),

· justify (выравнивание по ширине).

30.  Основы HTML .Элементы оформления шрифта: кегль, начертание, цвет.

При помощи HTML-разметки можно написать текст разного начертания (гарнитуры), размера и цвета. Для этого используется тег <font>, имеющий несколько параметров:

face – для задания гарнитуры, <font face="Times New Roman">Текст с начертанием Times New Roman</font>

size – для задания размера, <font size="4">Текст размера 4</font>

color – для задания цвета. <font color="red">Красный текст</font>

<strong>Жирный текст</strong> или <b>Жирный текст</b>

<i>Текст курсивом</i> или <em>Текст курсивом</em>

<u>Подчеркнутый текст</u>

<strike>Зачеркнутый текст</strike>


Поделиться:



Последнее изменение этой страницы: 2019-05-08; Просмотров: 277; Нарушение авторского права страницы


lektsia.com 2007 - 2024 год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! (0.008 с.)
Главная | Случайная страница | Обратная связь