P Используется для разбивания текста на параграфы
Атрибуты ALIGN - определяет способ горизонтального выравнивания параграфа Возможные значения: left, center, right, justify. Это соответственно по левому краю, по центру, по правому краю, и по ширине .По умолчанию имеет значение left. Пример: <p align="center"> Этот параграф по центру </p>
H1,h2,...H6 Применяются для создания заголовков 1,2...6 уровней br Используетcя для переноса строки
DIV ,SPAN. Используются для выделения части документа определенным способом. Допустим нам нужно выровнять первые две строчки текста из предыдущего примера по правому краю, не выделяя при этом их в абзац. Как это сделать?
<div align="right"> Начинается первая строка <br> теперь идет вторая <br> </div> а вот уже и третья <p> А это параграф и внутри него тоже можно использовать тег <br> переноса строки.Его надо использовать всегда, когда надо перенести строку:) </p>
STRONG Используется для выделения текста жирным EM Используется для выделения текста курсивом U Выделение текста подчеркиванием S Перечеркивание текста SUP Создание верхнего индекса SUB Создание нижнего индекса FONT Изменение цвета, типа, размера шрифта HR Вставляет в текст горизонтальную разделительную линию
EM ( Emphasis ) - Выделяет текст, заключенный между открывающим и закрывающим тегами, курсивом. Также аналогичен по действию тег <I> , однако его л
UL Создает неупорядоченный список <ul> <li> Первый пункт списка </li> <li> Второй пункт списка </li> <li> Третий пункт списка </li> <li> Четвертый пункт списка </li> </ul> OL Создает упорядоченный список Атрибуты: START – определяет первое число, с которого начинается нумерация пунктов. (только целые числа) . Если не указывать, начинается с начала. TYPE – определяет стиль нумерации пунктов списка. Возможные значения: "A" – заглавные буквы A, B, C ... "a" – строчные буквы a, b, c ... "I" – большие римские числа I, II, III ... "i" – маленькие римские числа i, ii, iii ... "1" – арабские числа 1, 2, 3 ... Значение по умолчанию <OL TYPE="1">. Пример: <ol type="1" > <li> Выучить html </li> <li> Выучить css </li> <li> Ознакомиться с php </li> </ol> Пример2: <ol type ="1" start="2" > <li> писать информацию полезную для людей </li> <li> постоянно пополнять сайт новым содержимым </li> <li> первый пункт придумай сам </li> </ol> LI Создает пункты списка внутри элементов OLили UL Атрибуты: VALUE – изменяет порядок нумерации элементов списка. Используется только если элемент LI находится внутри элемента OL. В качестве значения указывается порядковый номер элемента. Чтобы создать сайт на домашнем компьютере необходимо: <ol ><!--так как тип не указали будет использоваться по умолчанию--> <li> Выучить html </li> <!--сейчас нумерация пойдет с пятого номера--> <li value="5"> Выучить css </li> <li> Ознакомиться с php </li> </ol>
<a href="http://www.zvirec.com">Это ссылка на сайт zvirec.com </a> ссылки
Если нужно сделать ссылку между собственными страницами?
Сделать html ссылку между страницами одного и того же веб-сайта гораздо проще. Например, если у нас есть две страницы(к примеру page1.htm и page2.htm) расположенные в одной папке , то код ссылки с page1 на page2 будет выглядеть так:
<a href="page2.htm"> Для перехода на page2 щелкни здесь! </a>
Т.е. надо просто написать название страницы, на которую мы хотим перейти.
Eсли страница page 2 находится в подпапке "subfolder", код ссылки выглядит так:
<a href="subfolder/page2.htm"> Для перехода на page2 щелкни здесь!</a>
Так будет выглядеть код html ссылки со страницы page 2 на page1(в обратную сторону):
<a href="../page1.htm"> Для перехода на page1 щелкни здесь! </a>
Т.е. сочетание "../" указывает как бы на папку, расположенную на один уровень выше от данной позиции файла, с которого делается ссылка.
А если надо сделать ссылку внутри страницы?
Бывают случаи когда необходимо сделать ссылку с начала страницы в конец или наоборот, или к примеру с оглавления на главы и.т.д. Сделать ее очень просто! Необходимо пометить место документа следующей конструкцией:
<!-- этот способ используется при маркировании заголовков --> <h2 id="razdel1">Раздел 1</h2> <!-- а такую метку можно поставить везде где понадобится--> <h2> <a name="razdel1"></a> Раздел1: </h2>
Теперь вы можете ссылаться на помеченную область(в данном случае Раздел1) простым указанием ее имени после значка #.
Вот как будет выглядеть ссылка на раздел1:
<a href="#razdel1"> Ссылка на Раздел 1 </a>
Приведу более наглядный пример:
<h1 > Оглавление </h1> <br> <a href="#razdel1">Раздел 1: как стать богатым</a> <br> <a href="#razdel2">Раздел 2: как стать счастливым</a><br> <a href="#razdel3">Раздел 3: как быть здоровым</a> <h2 id="razdel1">Раздел 1: как стать богатым </h2> <p> Для того, чтобы стать богатым необходимо очень много трудиться ..... </p> <h2 id="razdel2">Раздел 2: как стать счастливым </h2> <p>Для того чтобы стать счастливым, нужно использовать каждую минуту...</p> <h2>Раздел3:<a name="razdel3"></a> как быть здоровым</h2> <p>Для того чтобы быть здоровым нужно много заниматься физкультурой...</p>
Вот результат в браузере:
Оглавление Раздел 1: как стать богатым Раздел 2: как стать счастливым Раздел 3: как быть здоровым Раздел 1: как стать богатым
Для того чтобы стать богатым необходимо очень много трудится .....