![]() Главная страница Случайная страница КАТЕГОРИИ: АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника |
в раздел bottom текущего документа. ⇐ ПредыдущаяСтр 2 из 2
Пример 1 <! -- Использование атрибута NAME: --> < A NAME=" history" > История бодибилдинга< /A> ... < A NAME=" now" > Спорт глазами современника< /A> ... Вернуться к разделу< A HREF=" #history" > истории< /A> Пример 2 <! -- Использование атрибута HREF: --> < A HREF=" ftp: //ftp.cdrom.com" TARGET=" _blank" > FTP-site< /A> < A HREF=" https://opengl.rdc.ru" > Русский проект по OpenGL< /A> ... Пример 3 <! -- Создадим ссылку для письма с указанием кучи атрибутов --> < A HREF=" mailto: green@igf.ru? subject=Приглашение & cc=bg@microsoft.com& body=Приезжай на вечеринку." > Отправить приглашение < /A>. <! -- или просто письмо: --> < A HREF=" mailto: green@igf.ru? subject=Привет" > авторам< /A>.
Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, обязан начинаться со строки декларации версии HTML! DOCTYPE, которая обычно выглядит так:
<! DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 3.2 Final//EN" >
На самом деле одной строкой дело не обходится. После объявления версии и типа документа необходимо обозначить его начало и конец. Это делается с помощью тега-контейнера < HTML>. Необходимо отметить, что любой HTML-документ открывется тегом < HTML> и им же закрывается.
Затем, между тегами < HTML> и < /HTML> следует разместить заголовок и тело документа. Вот и все! Начало положено – вы получили прекрасную заготовку. Вот как должен выглядеть ваш базовый HTML-файл перед началом работы: <! DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 3.2 Final//EN" > < HTML> < HEAD> < TITLE> Заголовок документа< /TITLE> < /HEAD> < BODY> Текст документа < /BODY> < /HTML>
-----------
<! -- --> Используется для создания комментариев в любой части документа. Все, что находится внутри <! -- -->, будь то элемент или текст – будет проигнорировано браузером (не будет обрабатываться и выводиться на экран).
-----------
Основные элементы («теги»)
Теги и их параметры нечувствительны к регистру. То есть < A HREF=" https://yahoo.com" > и < a href=" https://yahoo.com" > означают одно и то же.
В последних версиях HTML практически у каждого тега огромное число необязательных параметров — обычно не меньше 15. Мы приводим только основные параметры тегов.
Гиперссылки
< A HREF=" filename" target=" _self" > название ссылки< /A> Атрибут HREF задает значение адреса документа, на который указывает ссылка. filename — имя файла или адрес Internet, на который необходимо сослаться. название ссылки — название гипертекстовой ссылки, которое будет отображаться в браузере, то есть показываться тем, кто зашел на страницу. TARGET — задает значение окна или фрейма, в котором будет открыт документ, на который указывает ссылка. Возможные значения атрибута: _top — открытие документа в текущем окне; _blank — открытие документа в новом окне; _self — открытие документа в текущем фрейме; _parent — открытие документа в родительском фрейме.
Значение по умолчанию: _self.
Текстовые блоки < H1> … < /H1>, < H2> … < /H2>, …, < H6> … < /H6> — заголовки 1, 2, … 6 уровня. Используются для выделения частей текста (заголовок 1 — самый большой, 6 — почти равен обычном тексту по умолчанию). < P> — новый абзац. Можно в конце абзаца поставить < /P>, но это не обязательно. < BR> — новая строка. Этот тег не закрывается (то есть не существует тега < /BR>) < HR> — горизонтальная линия < BLOCKQUOTE> … < /BLOCKQUOTE> — цитата. Обычно текст сдвигается вправо. < PRE> … < /PRE> — режим preview. В этом режиме текст заключается в рамку и никак не форматируется (то есть теги, кроме < /PRE>, игнорируются, и переводы строки ставятся там, и только там, где они есть в оригинальном документе).
Форматирование текста < EM> … < /EM> — логическое ударение (обычно отображается курсивным шрифтом) < STRONG> … < /STRONG> — усиленное логическое ударение (обычно отображается жирным шрифтом) < I> … < /I> — выделение текста курсивом < B> … < /B> — выделение текста жирным шрифтом < U> … < /U> — подчёркивание текста < S> … < /S> (или < STRIKE> … < /STRIKE>)— зачёркивание текста < BIG> … < /BIG> — увеличение шрифта < SMALL> … < /SMALL> — уменьшение шрифта < BLINK> … < /BLINK> — мигающий текст. Внимание! Этот тег не работает в браузере Internet Explorer версий 5 и ниже без применения JavaScript < MARQUEE> … < /MARQUEE> — сдвигающийся по экрану текст. < SUB> … < /SUB> — подстрочный текст. Например, H< SUB> 2< /SUB> O создаст текст H2O. < SUP> … < /SUP> — надстрочный текст. Например, E=mc< SUP> 2< /SUP> создаст текст E=mc2.
< FONT параметры> … < /FONT> — задание параметров шрифта. У этого тега есть следующие параметры: COLOR=color — задание цвета. Цвет может быть задан в шестнадцатеричной форме как #rrggbb (первые 2 шестнадцатеричные цифры задают красную компоненту, следующие 2 — зелёную, последние 2 — синюю) или названием. FACE=шрифт задание гарнитуры шрифта SIZE=размер задание размера шрифта. Размер от 1 до 7: стандартный по умолчанию 3. Есть много способов изменить стандартный размер. SIZE=+изменение или SIZE=-изменение — изменение размера шрифта от стандартного. Например, +2 означает размер на 2 больше стандартного.
Списки < UL> < LI> первый элемент < /LI> < LI> второй элемент < /LI> < LI> третий элемент < /LI> < /UL>
создаёт список первый элемент второй элемент третий элемент
Если вместо < UL> (Unordered List — ненумерованный список) поставить < OL> (Ordered List — нумерованный список), список получится нумерованным: первый элемент второй элемент третий элемент
У этих тегов есть параметры: type = " тип"
где тип — форма: в < UL> — символов square — квадрат round — окружность disk — круг: по умолчанию
а в < OL> — цифр или букв A или а (латинскими буквами) — буквенный список: соответственно заглавными или строчными буквами I или i — римские цифры: соответственно заглавными или строчными буквами 1 — арабские цифры: по умолчанию
Наконец, третьим, и последним, списком является список определений:
< DL> < DT> Кошка < /DT> < DD> мяукающее домашнее животное < /DD> < DT> Кот < /DT> < DD> муж кошки < /DD> < DT> Крокодил < /DT> < DD> большой африканский зверь с острыми зубами < /DD> < /DL>
Изображения IMG — вставка изображения. Этот тег не закрывается. SRC — имя или URL ALT — альтернативное имя (отобразится, если в браузере запретить отображать картинки) TITLE — краткое описание изображения (отобразится при наведении курсора на картинку) WIDTH, HEIGHT — размеры (если не совпадают с истинными размерами картинки, то изображение «растянется»/«сожмется») ALIGN — задает параметры обтекания текстом (top, middle, bottom, left, right) VSPACE, HSPACE — задают размеры вертикального и горизонтального пространства вокруг изображения < IMG SRC=url ALT=" текст" TITLE=" текст" WIDTH=" размер (пикс, %)" HEIGHT=" размер (пикс, %)" >
Таблицы TABLE — создание таблицы. Параметры тега: BORDER — толщина разделительных линий в таблице CELLSPACING — расстояние между клетками CAPTION — заголовок таблицы (этот тег необязателен) TR — строка таблицы TH — заголовок столбца таблицы (этот тег необязателен) TD — ячейка таблицы height — высота таблицы width — ширина таблицы
< TABLE BORDER=" 1" CELLSPACING=" 0" > < CAPTION> Улов крокодилов в Мумбе-Юмбе < /CAPTION> < TH> Год < /TH> < TH> Улов < /TH> < TR> < TD> 1997 < /TD> < TD> 214 < /TD> < /TR> < TR> < TD> 1998 < /TD> < TD> 216 < /TD> < /TR> < TR> < TD> 1999 < /TD> < TD> 207 < /TD> < /TR> < /TABLE>
|