2.1 Язык гипертекстов HTML

Браузеры

 


Общая форма гипертекстов:

<html>
заголовок
тело
</html>


Пример гипертекста

<html>
<title>Приветствие</title>
Привет, Интернет!
</html>

Результат на экране:

"privet.html"

Оформление Заголовков:

<h1> Самый крупный </h1>

</h2> Следующий </h2>

</h3> Средний заголовок </h3>

</h6> Самый малый </h6>

Выравнивание абзацев:

<p параметры> абзац </p>

параметры абзацев:

<p align=justify> - выравнивание справа и слева
<p align=center> - выравнивание по центру
<p align=right> - прижатие к правому краю
<p align=left> - прижатие к левому краю

Шрифтовое выделение

<big> Большие символы </big>

<b> Жирный шрифт </b>

<u> Подчеркивание </u>

<i> Курсив </i>

Цветовое выделение

<font color=red> красный цвет </font>

<font color=green> зеленый цвет </font>

<font color=blue> синий цвет </font>

Задания

  1. Напишите свое резюме (данные о себе).
  2. Оформите резюме в виде гипертекста на своем сайте.
  3. Выделите в гипертексте заголовки и абзацы.
  4. Присоедините резюме к личному сайту.
  5. Выровните гипертекст по левому краю.
  6. Выделите в гипертексте все фамилии и даты.
  7. Создайте оглавление по годам.
  8. Внимательно вычитайте резюме в Интернет.

Справочник HTML

Вопросы

  1. Что такое гипертекст?
  2. Как оформляются гипертексты?
  3. Как оформляются заголовки?
  4. Как оформляются абзацы?
  5. Как выделяются слова и фразы?


Hosted by uCoz