Тело html документа
Заголовки
Заголовки в языке HTML выделяются тегами <h1></h1>, <h2></h2>, ... , <h6></h6>. Таким образом существует 6 уровней заголовков. Можете поэкспериментировать - Вставьте вместо "Тело документа" предыдущем примере <h1>HTML - это просто</h1>, сохраните в текстовом формате, измените расширение документа с .txt на .html и откройте его в браузере. Ну как? По моему приятно когда начинает получаться, можете попробовать то же самое с заголовками других уровней.
Абзацы в языке HTML
Абзац в HTML документе заключается в тег <P></P>. Таким образом конструкция <p> - Как настроение?</p><p> - Не плохо.</p> будет выглядеть следующим образом
- Как настроение?
- Не плохо.
Выделение текста в HTML
Для выделения текста, или области текста в HTML используют теги <b></b>, <i></i>, <u></u>, таким образом строка
<b>жирный</b> <i>курсив</i> <u>подчёркнутый</u> <u><i><b>жирный подчёркнутый курсив</b></i></u>
будет выглядеть
жирный курсив подчёркнутый жирный подчёркнутый курсив
Ненумерованные списки в HTML
Ненумерованные списки прописывают в HTML коде следующим образом <UL><LI>пункт 1<LI>пункт 2<LI>пункт 3</UL>, что даст нам список вида
пункт 1
пункт 2
пункт 3
Нумерованные списки в HTML
Нумерованные списки прописывают следующими тегами <OL><LI>пункт 1<LI>пункт 2<LI>пункт 3</OL>, смотрим, что получится
пункт 1
пункт 2
пункт 3
Вложенные списки списки в HTML
Посмотрите пример вложенного списка
<ul> <li>Глава 1 <ul><li>Раздел 1<li>Раздел 2</ul> <li>Глава 2 <ul><li>Раздел 1<li>Раздел 2</ul> </ul>
такая запись в HTML коде даёт нам следующий результат
Глава 1
Раздел 1
Раздел 2
Глава 2
Раздел 1
Раздел 2
Специальные символы в тексте документа
Специальные символы в тексте документа прописываются следующим образом
< - левая скобка (<) > - правая скобка (>) & - (&) " - кавычки (")
Так строка вида < "Язык HTML" > будет выглядеть
< "Язык HTML" >
Прерывание строки в тексте HTML документа
Прерывание строки осуществляется тегом <BR>. Например строка текста Автор<BR>Год издания<BR>Тираждаст следующий результат
Автор Год издания Тираж
Гиперссылки
Гиперссылка в языке HTML прописывается тегом <a></a>. Например запись вида
<a href="html.rar">Скачать учебник языка HTML</a>
будет выглядеть так
Скачать учебник языка HTML
Параметр href определяет место документа на который ссылается ссылка, в нашем примере ссылка относительная она ссылается на документ html.rar расположенный в той же директории что и страница HTML. Абсолютная ссылка прописывается следующим образом
<a href="http://webdesign.net-soft.ru/html.rar">Скачать учебник языка HTML</a>
Выглядит она аналогично предыдущей ссылке, но определяет точное местоположение документа.
Правила расстановки относительных ссылок в языке html
Если документ на который ссылается ссылка расположен в директории (папке) на уровень ниже, скажем dir, то ссылка параметр href будет иметь вид href="dir/html.rar" , а если документ расположен в директории на уровень выше, то нам необходимо будет записать href="../html.rar".
Вставка рисунков в html страницу
Рисунок в HTML документ вставляется следующим образом <img src="ris.jpg" width="100" height="140" alt="Учебник по языку HTML">. Разберем, каково значение параметров тега <img>. Как видите, это одиночный тег. Параметр src задаёт путь к изображению (абсолютный или относительный). Правила указания относительного пути, такие же как и для ссылки. Параметры width и height определяют ширину и высоту рисунка в пикселях в HTML документе. Параметр alt задаёт альтернативный текст - тот текст который отображается в браузере если отключена загрузка графики.