Навигация
Установка различного начертания текста
13582
знака
2
таблицы
0
изображений
4. Установка различного начертания текста
Тэг <B> устанавливает жирное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.
Синтаксис:
<b>Текст</b>
Закрывающий тег обязателен.
Тэг <I> устанавливает курсивное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.
Синтаксис:
<i>Текст</i>
Закрывающий тег обязателен.
Тэг <U> устанавливает подчеркнутое одной линией начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.
Синтаксис:
<u>Текст</u>
Закрывающий тег обязателен.
5. Форматирование текста
Тег <FONT> представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура. Хотя этот тег до сих пор поддерживается всеми браузерами, он считается устаревшим и от его использования рекомендуется отказаться в пользу стилей.
Синтаксис:
<font>Текст</font>
Закрывающий тег обязателен. К параметрам относятся:
Color - устанавливает цвет текста;
Face - определяет гарнитуру шрифта;
Size - задает размер шрифта в условных единицах.
<font size="5" color="red" face="Arial">Первая буква </font>
6. Использование заголовков
HTML предлагает шесть заголовков разного уровня, которые показывают относительную важность секции, расположенной после заголовка. Так, тег <H1> представляет собой наиболее важный заголовок первого уровня, а тег <H6> служит для обозначения заголовка шестого уровня и является наименее значительным. По умолчанию, заголовок первого уровня отображается самым крупным шрифтом жирного начертания, заголовки последующего уровня по размеру меньше. Теги <H1>...<H6> относятся к блочным элементам, они всегда начинаются с новой строки, а после них другие элементы отображаются на следующей строке. Кроме того, перед заголовком и после него добавляется пустое пространство. Видом заголовком легко можно управлять с помощью стилей.
Синтаксис:
<h1>Заголовок 1-го уровня</h1>
<h2>Заголовок 2-го уровня</h2> ...
<h6>Заголовок 6-го уровня</h6>
Закрывающий тег обязателен. К параметрам относятся:
Align - определяет выравнивание заголовка.
7. Создание и форматирование рисунков
Тег <IMG> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Этот тег имеет единственный обязательный параметр src, который определяет адрес файла с картинкой. Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив тег <IMG> в контейнер <A>. При этом вокруг изображения отображается рамка, которую можно убрать, добавив параметр border="0" в тег <IMG>.
Рисунки также могут применяться в качестве карт-изображений, когда картинка содержит активные области, выступающие в качестве ссылки. Такая карта по внешнему виду ничем не отличается от обычного изображения, но при этом оно может быть разбито на невидимые зоны разной формы, где каждая из областей служит ссылкой.
Синтаксис:
<img src="/images/null.png" alt="">
Закрывающий тег отсутсвует. К параметрам относятся:
Align - определяет как рисунок будет выравниваться по краю и способ обтекания текстом.
Alt - альтернативный текст для изображения;
Border - толщина рамки вокруг изображения;
Height - высота изображения;
Hspace - горизонтальный отступ от изображения до окружающего контента;
Ismap - говорит браузеру, что картинка является серверной картой-изображением;
Lowsrc - путь к графическому файлу низкого разрешения для предварительного отображения;
Src - путь к графическому файлу;
Vspace - вертикальный отступ от изображения до окружающего контента;
Width - ширина изображения;
Usemap - ссылка на тег <MAP>, содержащий координаты для клиентской карты-изображения.
<img src="/images/null.png" width="189" height="255" alt="lorem">
8. Создание и форматирование маркированного списка
Тег <UL> устанавливает маркированный список. Каждый элемент списка должен начинаться с тега <LI>. Если к тегу <UL> применяется таблица стилей, то элементы <LI> наследуют эти свойства.
Синтаксис:
<ul> <li>элемент маркированного списка</li> </ul>
Закрывающий тег обязателен. К параметрам относятся:
Align - определяет выравнивание списка.
Type - устанавливает вид маркера списка.
Параметр Type устанавливает вид маркера.
Синтаксис:
<ul type="disc | circle | square">...</ul>
Для маркированного списка маркеры могут принимать один из трех видов: круг, окружность и квадрат. Значение по умолчанию – disc.
| Код | Пример |
| <ul type="disc"> ... </ul> | Чебурашка Крокодил Гена Шапокляк |
| <ul type="circle"> ... </ul> | Чебурашка Крокодил Гена Шапокляк |
| <ul type="square"> ... </ul> | Чебурашка Крокодил Гена Шапокляк |
9. Создание и форматирование нумерованного списка
Тег <OL> устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега <LI>. Если к тегу <OL> применяется таблица стилей, то элементы <LI> наследуют эти свойства.
Синтаксис:
<ol> <li>элемент нумерованного списка</li> </ol>
Закрывающий тег обязателен. К параметрам относятся:
Align - определяет выравнивание списка;
Start - число, с которого будет начинаться нумерованный список;
Type - устанавливает вид маркера списка.
Параметр Type устанавливает вид маркера.
Синтаксис:
<ol type="A | a | I | i | 1">...</ol>
Нумерованные списки представляют собой набор элементов с их порядковыми номерами. Вид и тип нумерации зависит от параметров тега OL, который и используется для создания списка. В качестве маркеров могут быть следующие значения:
заглавные латинские буквы;
строчные латинские буквы;
заглавные римские цифры;
строчные римские цифры;
арабские цифры.
| Код | Пример |
| <o type="A"> ... </ol> | Чебурашка Крокодил Гена Шапокляк |
| <ol type="a"> ... </ol> | Чебурашка Крокодил Гена Шапокляк |
| <ol type="I"> ... </ol> | Чебурашка Крокодил Гена Шапокляк |
| <ol type="i"> ... </ol> | Чебурашка Крокодил Гена Шапокляк |
| <ol type="1"> ... </ol> | Чебурашка Крокодил Гена Шапокляк |
10. Использование внешних и внутренних гиперссылок
Тег <A> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия параметров name или href тег <A> устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.
Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения параметра href используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.
Синтаксис:
<a href="URL">...</a> <a name="идентификатор">...</a>
Закрывающий тег обязателен. К параметрам относятся:
Href - задает адрес документа, на который следует перейти;
Name - устанавливает имя якоря внутри документа;
Target - имя окна или фрейма, куда браузер будет загружать документ;
Title - добавляет всплывающую подсказку к тексту ссылки.
Вывод
В этом проекте был рассмотрен язык разметки гипертекстовых документов HTML, его основные функции свойства и параметры. Сегодня применение HTML практикуется во всех направлениях бизнеса, промышленности и образования.
HTML является самым простым, эффективным, доступным языком разметки текста для начинающих веб-мастеров.
Список литературыhttp://arabatka.in.ua
http://genichesk.com.ua/
http://www.htmlbook.ru
Айзекс А. Dynamic HTML BHV-Санкт-Петербург 1998
Ганчаров А. Самоучитель HTML. Питер 2000
Дарнелл Р. HTML 4 Энциклопедия пользователя ДиаСофт 1999
Петюшкин А.В., HTML. Экспресс-курс. – СПб.: БХВ - Петербург, 2003
Хоумер А. Dynamic HTML Справочник Питер
Похожие работы
... объединяют с помощью ссылок. При связке в общий документ ссылки можно спрятать под любой видимый объект (картинки, меню, кнопки и т.д.). 2. Структура сайта Созданный сайт по вопросам медицинского страхования состоит из следующих разделов: - главная страница; - раздел, посвященный вопросам обязательного медицинского страхования; - раздел, посвященный вопросам добровольного медицинского ...
... согласие пользователя с данным заявлением о конфиденциальности и всеми его обновлениями. Корпорация Майкрософт с благодарностью примет любые замечания относительно этого заявления о конфиденциальности. III. СТРУКТУРА САЙТА IV. РЕАЛИЗАЦИЯ САЙТА, СОЗДАНИЕ ЭЛЕМЕНТОВ ДИЗАЙНА Добро пожаловать на мой сайт! Здесь поклонники живописных мест смогут вдоволь насладиться красотами родных ...
... программа создала HTML-файл для каждого файла из списка, создаётся конфигурационный файл style.css для HTML-тегов для созданной группы htm-файлов. Обзор средств программирования Существует множество различных языков программирования, с помощью которых можно выполнить данную программу : HTML, Java Script, CGI Script и т.д. HTML – Язык разметки гипертекста, выполняется разметка текстового ...
m. <html> <head> <title>Официальный сайт Богородского Благочиния</title> </head> <body bgcolor="#FFFFFF" text="#000000" link="#000000" vlink="#000033" alink="#000033"> <table width="678" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td colspan="5"><img src="narez/001.jpg" width="579" height="118"></td> ...
0 комментариев