Лекции.Орг


Поиск:




Категории:

Астрономия
Биология
География
Другие языки
Интернет
Информатика
История
Культура
Литература
Логика
Математика
Медицина
Механика
Охрана труда
Педагогика
Политика
Право
Психология
Религия
Риторика
Социология
Спорт
Строительство
Технология
Транспорт
Физика
Философия
Финансы
Химия
Экология
Экономика
Электроника

 

 

 

 


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




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

HTML-тэг записывается в угловых скобках (< >) и состоит из имени, за которым может следовать список атрибутов (для большинства тэгов необязательный). Имена и атрибуты представляют собой английские слова и аббревиатуры и почти всегда их смысл прозрачен. Записывать тэги можно в любом регистре – прописными или строчными буквами.

Тэги можно разделить на две большие группы.

Тэги одной группы, называемые контейнерами, воздействуют на часть документа, заключенную между ними. Они имеют два компонента: открывающий (начальный) и закрывающий (конечный). Закрывающий тэг имеет то же название, что и открывающий, но перед его названием ставится косая черта (символ /). Между открывающим и закрывающим тэгами могут располагаться текст или другие тэги.

Автономные (одиночные) тэги не имеют конечного компонента. Они вызывают однократное действие или при их интерпретации в отображаемый документ вставляется тот или иной объект. Например, тэг <IMG SRC="pict.gif"> вызывает вставку рисунка из файла pict.gif.

Тэги могут иметь уточняющие параметры – атрибуты. Атрибуты записываются внутри автономного тэга, а в контейнере – только в открывающей части. В списке атрибуты отделяются друг от друга пробелами. Последовательность атрибутов не существенна. Значения атрибутов указываются после знака равенства в кавычках.

Примеры тэгов с атрибутами:

<BODY BGCOLOR="LIGHTBLUE"> – задает светло-синий фон для документа

HTML-документ заключается в тэги <HTML> и </HTML>. Между этими тэгами располагаются две секции: секция заголовка (между тэгами <HEAD> и </HEAD>) и секция тела документа (между тэгами <BODY> и </BODY>).

Секция заголовка содержит описание параметров, используемых при отображении документа, но не отображающихся непосредственно в окне обозревателя. Основные тэги:

Например, тэг <title> отвечает за то, какой заголовок окна будет у страницы. Пример

<title>Учебник по инфоматике</title>

Специальная группа инструкций <META>, предназначена в основном для описания и индексирования документа поисковыми машинами. Здесь можно задать очень многое: кодировку страницы, ключевые слова, инструкции для роботов поисковых машин, описание документа и пр. Например такой тэг задает ключевые слова:

<META name="keywords" content="META, HTML, WWW, Web, паутина, учебник">

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

Основные тэги:

Тег A создает ссылку на другой документ <A HREF="http://www.yandex.ru">Яндекс</A>. В результате в браузере появится слово Яндекс, написанное синим цветом с подчеркиванием. Если щелкнуть по нему, то мы перейдем на сайт Яндекса.

Тэги форматирования:

<B>Жирный текст</B>

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

<ul>

<li>Эти теги</li>

<li>выведут ненумерованный список из двух строк</li>

</ul>

Тэги структурирования:

В html для создания заголовков используются тэги: <h1>, <h2>, <h3>, <h4>, <h5>, <h6>.

<h1> - самый большой по размеру заголовок, <h2> - поменьше, <h3> - еще меньше, и, наконец, <h6> - самый мелкий.

Тэг <p>

Этот html тэг применяется для оформления параграфов текста.

<p>Параграф 1</p>

<p>Параграф 2</p>

HTML тег IMG служит для внедрения картинки или фото на web-страницы.

Картинка не вставляется непосредственно в текст HTML страницы. Просто дается указание браузеру где картинка лежит, как ее зовут и как ее на экране разместить. Атрибут src указывает где находится картинка. Простейший вариант использования тэга:

<img src="cat.jpg">

Возможности приложений MS-Office для создания HTML-док.

Word может сохранять любой свой документ в специальном расширенном формате html - xml. В Word предусмотрено использование большинства основных элементов форматирования и структурирования текста. Чтобы сохранить документ в формате html нужно при сохрании страницы выбрать соответствующий "тип файла" (Веб-страница, например).

Редактор HTML — компьютерная программа, позволяющая составлять и изменять страницы в формате HTML. Несмотря на то, что HTML-код может быть написан в простом текстовом редакторе (например, Notepad), специальные редакторы для написания кода HTML предлагают больше удобств и функциональности. Принцип их работы условно делится на две категории:

1. Редактор показывает только исходный код.

2. Редактор показывает готовую страницу, работая по технологии WYSIWYG (WYSIWYG, What You See Is What You Get, «что видишь, то и получишь»).

Есть также редакторы, работающие по смешанной системе, то есть поддерживающие оба принципа работы.

В каком редакторе работать - дело вкуса. Но новичкам, не знакомым с html кодом проще будет работать в WYSIWYG редакторах.

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

Существует достаточно много редакторов. Самые популярные из них FrontPage и Dreamweaver.

FrontPage входит в пакет MS-Office. Это WYSIWYG-редактор. Начиная с Microsoft Office 2007 программа FrontPage была заменена на более совершенные.

Другой популярный html редактор - Dreamweaver. Он относится к смешанным, т.к. может работать в обоих режимах. На сегоднящний день считается наиболее популярным HTML-редакторов в мире.





Поделиться с друзьями:


Дата добавления: 2016-07-29; Мы поможем в написании ваших работ!; просмотров: 724 | Нарушение авторских прав


Поиск на сайте:

Лучшие изречения:

Сложнее всего начать действовать, все остальное зависит только от упорства. © Амелия Эрхарт
==> читать все изречения...

2257 - | 2131 -


© 2015-2025 lektsii.org - Контакты - Последнее добавление

Ген: 0.012 с.