Пример 2. Начертание текста

Язык разметки документов HTML.

Задание 1.

Ознакомиться с электронным учебным пособием «Уроки по HTML» перейдите по ссылке https://www.site-do.ru/doSite/uroki_sozdaniya_sitov.php

Задание 2. Ознакомиться с теоретическим материалом и выполнить все примеры. Каждый пример сохранить как веб-страницу и прислать электронные файлы в конце пары.

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

HTML (от англ. Hypertext Markup Language – «язык разметки гипертекста») – стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа, в удобной для человека форме.

Наиболее популярными на сегодняшний день браузерами являются Internet Explorer, Mozilla Firefox, Apple Safari, Google Chrome и Opera.

Простейший HTML-документ.

Создать HTML-документ можно в любом текстовом редакторе, например, "блокнот".

Для этого достаточно, после написания кода, сохранить полученный файл в расширении .html или после сохранения файла с расширением.txt поменять его на.html. Например, в блокноте у вас получился файл "текстовой докумен.txt", меняем имя на index.html, при публикации сайта в интернет для главной страницы обычно присваивается имя index, остальные страницы можно называть как угодно.

Простейший HTML-документ выглядит так:

Пример 1. Простейший HTML-документ

<HTML>

<HEAD>
<TITLE>
Простейший HTML-документ
</TITLE>
</HEAD>

<BODY>
Тело документа - текст, фотографии и всё остальное, что будут видеть посетители Вашего сайта.
</BODY>

</HTML>

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

Заголовок HTML-документа находится в элементе HEAD, его иногда называют "шапкой", и содержит информативные элементы.

TITLE – заголовок документа, его Вы можете видеть в самом верху браузера. Например, для этой страницы "Простейший HTML-документ".

Элемент BODY – тело документа, вся его содержательная часть, текст, фотографии и так далее...

Элемент BODY.

В элементе BODY размещается содержимое HTML-документа, всё, что будут видеть посетители Вашего сайта.

Он может содержать следующие атрибуты:

− bgcolor - цвет фона

− background - URL фонового изображения

− text - цвет текста

− link - цвет не посещённой гиперссылки

− vlink - цвет посещённой гиперссылки

− alink - цвет выбранной гиперссылки (при наведении на неё указателя)

Цвет (не только для элемента BODY), может задаваться в RGB-формате, например, красный #FF0000, где первые две цифры задают интенсивность красного цвета от 00 до FF, вторые две цифры интенсивность зелёного цвета и последние две цифры интенсивность синего цвета.

Кроме того, можно указывать идентификаторы, которые присвоены наиболее часто применяемым цветам.

Краткая таблица идентификаторов цвета
Имя	Вид
black черный
red красный
blue синий
green зеленый
navy синий
purple фиолетовй
lime светло-зеленый
white белый
silver светло-серый
maroon коричневый
gray темно-серый
coral коралловый
gold желтый

Добавление комментария и ввод символов.

При написании HTML-документов иногда необходимо иметь возможность вставить в HTML-код комментарий, например, для повторного редактирования документа через какое-то время.

Делается это так:
Текст комментария помещается между символами , например:



Всё, что находится между этими символами, браузером игнорируется.

Иногда необходимо ввести в документ символы, зарезервированные в языке HTML, например, символ <.

Просто ввести их с клавиатуры невозможно, поэтому для их ввода предусмотрен специальный механизм ссылок на символы.

Например, когда необходимо ввести символ <, вместо него подставляется ссылка на данный символ.

Рассмотрим один из способов: в HTML предусмотрены имена для наиболее часто используемых символов, вставляются они так &имя;
Как Вы видите, ссылка на символ начинается с & и заканчивается точкой с запятой.

Краткая таблица символов
Имя	Вид
lt	<
gt	>
copy	©
reg	®
sect	§
para	¶
lArr	⇐
uArr	⇑
rArr	⇒
dArr	⇓
hArr	⇔
loz	◊
diams	♦

Начертание текста.

Для задания начертания текста используются следующие элементы:

− B - полужирное начертание

− I - курсивное начертание

− U - подчёркнутый текст

− S - перечеркнутый текст

− BIG - увеличенный размер шрифта

− SMALL - уменьшенный размер шрифта

− SUP - верхний индекс

− SUB - нижний индекс

− TT - моноширный шрифт

− BLINK - мерцающий текст

Составим такой документ:

Пример 2. Начертание текста

<HTML>

<HEAD>
<TITLE> Пример начертания текста </TITLE>
</HEAD>

<BODY>
 текст с полужирным начертанием 
 текст с курсивным начертанием 
 подчёркнутый текст 
<S> перечеркнутый текст</S> 
<BIG> увеличенный размер шрифта</BIG> 
 уменьшенный размер шрифта 
 верхний индекстекст нижний индекс 
<TT> моноширный шрифт</TT> 
 подчёркнутый текст с полужирным курсивным начертанием 
</BODY>

</HTML>