logo
123

Основы html Основные тэги Первое знакомство с тэгами

Основным понятием языка HTML является "тэг" (англ.: tag-ярлычок, этикетка). Тэги - это заключенные в угловые скобки "<,>" последовательности букв, (образованные, как правило, сокращением английских слов). Код любого HTML-документа начинается тегом <html> и завершается тегом </html>. Пара "открывающий - закрывающий" тэги называется контейнером. Каждый документ имеет контейнер <head>...</head>, содержащий вспомогательную информацию, и контейнер <body>...</body>, содержащий сам текст документа. Контейнер <title>...</title>, расположенный в секции <head>...</head>, содержит текст, отображаемый в верхней строке окна браузера.

Задание 1: создайте Ваш первый HTML-документ. Пусть он будет озаглавлен Вашей фамилией (в титульной строке) и содержит следующую информацию:

 Вашу фамилию, имя, отчество

 год рождения

 место рождения

 адрес

 номер школы, которую Вы закончили.

Большинство тэгов предназначено для форматирования документов:

Код

Вид

Шампунь для <b>жирных</b> котов

Шампунь для жирных котов

<i>Спагетти, пицца, капуччино </i>

Спагетти, пицца, капуччино

<strike>Вычеркнуть из памяти</strike>

Вычеркнуть из памяти

<u>Я подчеркиваю, что</u>

Я подчеркиваю, что

A<sub>i,j</sub>

Ai,j

A<sup>2</sup>

A2

<big>БОЛЬШОЙ</big> ТЕАТР

БОЛЬШОЙ ТЕАТР

<small>Маленький</small> Мук

Маленький Мук

неразрывный     пробел

неразрывный     пробел

перевод<br>строки

перевод строки

Задание 2:  Измените Ваш HTML-документ:

фамилию, имя, отчество - наберите крупными жирными наклонными буквами, разместите по центру;

год рождения - на следующей строке, подчеркните;

место рождения - на следующей строке, мелкими буквами;

адрес- на следующей строке, мелкими буквами.

В HTML -документах часто используются списки: ненумерованные или нумерованные.

Ненумерованный список

Нумерованный список

 бананы

 анансы

 апельсины

 яблоки

  1. тетради

  2. авторучки

  3. карандаши

  4. ластики

Элементы списков выделяются с помощью тега <li> (list item). Нумерованный список должен находиться в контейнере <ol>...</ol> (ordered list), ненумерованный список может находиться в контейнере <ul>...</ul> (unordered list) (наличие контейнера необязательно). Так, для создания приведенного выше списка фруктов был использован код:

<li>бананы <li>анансы <li>апельсины <li>яблоки

С тем же успехом мы могли использовать код:

<ul> <li>бананы <li>анансы <li>апельсины <li>яблоки </ul>

Заменив контейнер <ul>...</ul> на <ol>...</ol>, мы получили бы список с номерами при каждом элементе. В частности, вот так выглядит код для списка канцелярских принадлежностей:

<ol> <li>тетради <li>авторучки <li>карандаши <li>ластики </ol>

Задание 3:  Измените Ваш HTML-документ, добавив в него:

нумерованный список дисциплин, которые Вы будете слушать в этом семестре

ненумерованный список Ваших любимых кушаний.