Студопедия

Главная страница Случайная страница

Разделы сайта

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






в раздел bottom текущего документа.







 

Пример 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>






© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.