Заглавная страница
Избранные статьи
Случайная статья
Познавательные статьи
Новые добавления
Обратная связь

ТОП 10 на сайте

Приготовление дезинфицирующих растворов различной концентрации

Техника нижней прямой подачи мяча.

Франко-прусская война (причины и последствия)

Организация работы процедурного кабинета

Смысловое и механическое запоминание, их место и роль в усвоении знаний

Коммуникативные барьеры и пути их преодоления

Обработка изделий медицинского назначения многократного применения

Образцы текста публицистического стиля

Четыре типа изменения баланса

Задачи с ответами для Всероссийской олимпиады по праву

Мы поможем в написании ваших работ!

ЗНАЕТЕ ЛИ ВЫ?

Влияние общества на человека

Приготовление дезинфицирующих растворов различной концентрации

Практические работы по географии для 6 класса

Организация работы процедурного кабинета

Изменения в неживой природе осенью

Уборка процедурного кабинета

Сольфеджио. Все правила по сольфеджио

Балочные системы. Определение реакций опор и моментов защемления

Главная Избранные Случайная статья Познавательные Новые добавления Обратная связь FAQ

Сегодня я решил создать свою страницу

⇐ ПредыдущаяСтр 2 из 6Следующая ⇒

</p>

<p>

Мой девиз: "Дорогу осилит идущий". Это позволит мне учиться, учиться, учиться везде всегда и всему…

</p>

</body>

</html>

После создания НТМL – файла, его необходимо просмотреть Web-браузером, например Internet Explorer. В интерпретации браузера наш пример будет выглядеть так:

Давайте познакомимся

Сегодня я решил создать свою страницу

Мой девиз: "Дорогу осилит идущий". Это позволит мне учиться, учиться, учиться везде всегда и всему…

Теги <h > и <p> могут содержать дополнительный атрибут align, обычно указывается одно из трех значений этого атрибута:

align=center – выравнивание по центру;

align=left – выравнивание по левому краю;

align=right – выравнивание по правому краю.

Например: <h1 align=center>

Подытожим все, что мы знаем, с помощью примера:

<html>

<head>

<title>Пример 2</title>

</head>

<body>

<h1 ALIGN=CENTER>Ну вот! Я уже кое-чему научился</h1>

<h2>Умею располагать абзацы </h2>

<p>Знаю, что абзацы можно выравнивать не только влево, </p>

<p ALIGN=CENTER>но и по центру</p> <p ALIGN=RIGHT>или по правому краю.</p>

</body>

</html>

Работа с текстом

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

Форматирование текста

<br> - этот тег используется, если необходимо перейти на новую строку, не прерывая абзаца. Удобен при публикации стихов (см. Пример 3).

<html>

<head>

<title>Пример 3</title>

</head>

<body>

<h1> "Вредные советы"</h1>

<h2> Григорий Остер </h2>

<p> Главным делом жизни вашей<br>

Может стать любой пустяк.<br>

Надо только твердо верить,<br>

Что важнее дела нет.</p >

<p> И тогда не помешает<br>

Вам ни холод, ни жара,<br>

Задыхаясь от восторга,<br>

Заниматься чепухой.</p>

</body> </html>

<hr> - тег, который описывает вот такую горизонтальную линию:

Тег <hr> может дополнительно включать разные атрибуты, например:

<hr align=right> (center или left)

<hr width=50%> - ширина линии в процентах/пикселях

<hr size=8> - толщина линии

<hr Noshade> - отмена объемности

Вышеприведенные атрибуты могут употребляться одновременно.

В примере приведена небольшая коллекция горизонтальных линий.

<html>

<head>

<title>Пример 4</title>

</head>

<body>

<h1>Коллекция горизонтальных линий</h1>

<hr size=2 width=100%><br>

<hr size=4 width=50%><br>

<hr size=8 width=25%><br>

<hr size=16 width=12%><br>

</body>

</html>

&-последовательности

Поскольку символы < и > воспринимаются браузерами как начало и конец тегов, возникает вопрос: а как показать эти символы на экране? В HTML это делается с помощью &-последовательностей (их еще называют символьными объектами или эскейп-последовательностями). Браузер показывает на экране символ <, когда встречает в тексте последовательность < (по первым буквам английских слов less than — меньше, чем). Знак > кодируется последовательностью > (по первым буквам английских слов greater than — больше, чем).

Символ & кодируется последовательностью &

Двойные кавычки (" ") кодируются последовательностью "

þ Помните: точка с запятой — обязательный элемент &-последовательности. Кроме того, все буквы, составляющие последовательность, должны быть в нижнем регистре (т.е., маленькие). Не допускается использование меток типа &QUOT; или &AMP;.

Комментарии

Файл HTML может содержать комментарии, дающие пояснение человеку, читающему HTML код. Комментарии начинаются с четырехсимвольной последовательности . Комментарии игнорируются браузером и не влияют на представление документа на экране.

Например: <--! этот текст является комментарием-->

Форматирование шрифта

HTML допускает два подхода к шрифтовому выделению фрагментов текста. С одной стороны, можно прямо указать, что шрифт на некотором участке текста должен быть жирным или наклонным, то есть изменить физический стиль текста. С другой стороны, можно пометить некоторый фрагмент текста как имеющий некоторый отличный от нормального логический стиль, оставив интерпретацию этого стиля браузеру. Поясним это на примерах.

Физические стили

Под физическим стилем принято понимать прямое указание браузеру на модификацию текущего шрифта. К таким указывающим элементам, относятся следующие теги:

<b>... </b > полужирный текст;

<i >... </i > наклонный текст (курсив);

<tt>... </tt> телетайпный текст (пишущая машинка);

<u >... </u> подчеркивание;

Логические стили

При использовании логических стилей автор документа не может знать заранее, что увидит на экране читатель. Разные браузеры толкуют одни и те же теги логических стилей по-разному. Некоторые браузеры игнорируют отдельные теги вообще и показывают нормальный текст вместо выделенного логическим стилем. Вот самые распространенные логические стили.

<em>...</em> - курсивное начертание (от английского emphasis — акцент);

<strong>...</strong> - полужирное начертание (от английского strong emphasis — сильный акцент)

<cite>... </cite> - цитированный текст

<sup>...</sup> - ^{верхний индекс}

<sub>...</sub> - _{нижний индекс}

<big>...</big> - увеличить размер шрифта

<small>...</small> - уменьшить размер шрифта

Подытожим наши знания о логических и физических стилях с помощью примера.

<html>

<head>

<title>Пример 5</title>

</head>

<body>

<h1>Шрифтовое выделение фрагментов текста</h1>

<p>Теперь мы знаем, что фрагменты текста можно выделять

<b>жирным</b> или <i>наклонным</i> шрифтом. Кроме того, можно

⇐ Предыдущая 123 4 5 6 Следующая ⇒

Читайте также:

Техника прыжка в длину с разбега

Организация работы процедурного кабинета

Области применения синхронных машин

Оптимизация по Винеру и Калману

Последнее изменение этой страницы: 2016-08-01; просмотров: 192; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 18.224.39.74 (0.01 с.)