Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
SUIK.docx
Скачиваний:
20
Добавлен:
10.02.2015
Размер:
111.64 Кб
Скачать

5. Язык разметки гипертекста. Каскадные таблицы стилей.

HTML – (HyperText Markup Language) язык гипертекстовой разметки; стандартизированный язык, который интерпритируется вашим браузером;

● гипертекст — это форма организации текстового материала, при которой его единицы представлены не в линейной последовательности, а как система явно

указанных возможных переходов и связей между ними.

● HTML создан британским учёным Тимом Бернерсом-Ли приблизительно в 1986—1991 годах в стенах Европейского Центра ядерных исследований в Женеве (Швейцария)

● Разрабатывался для обмена научной и технической документации, представления на оборудовании с различной технической оснащённостью без искажений (машинонезависимый язык)

● Вводился набор дескрипторов (тэгов), позволяющих структурировать документ, а так же была добавлена обработка гипертекста

● Позже, когда html утратил своё первоначальное предназначение, в нём появились мультимедийные возможности (особенно в html5)

Структура html

● Документ html представляет из себя набор элементов, окружённых метками – тэгами; (например <h1> Заголовок </h1>)

● Элементы могут быть пустыми – не содержать никаких данных (напр. <br> – тэг перевода строки)

● Элементы могут иметь аттрибуты, которые указываются внутри открывающегося тэга, с которого начинается элемент

примеры:

<body style="background-color: #FF0000;">

<a href="http://www.example.com">Здесь элемент содержит атрибут href, то есть гиперссылку.</a>

● Регистр тэга значения не имеет (в отличие от XML и XHTML);

● Элементы могут быть вложенными, например <b> Этот текст будет полужирным, <i>а этот - ещё и курсивным</i></b>

● В html можно использовать специальные символы (символы, либо отсутствующие в кодировке, либо которые нельзя употребить в документе непосредственно (<,>,&). &amp – амперсанд ('&'), &lt – знак '<', &gt – знак '>';

● Документ помещается между тэгами <html> и </html>

● Для корректного отображения, документ, отвечающий определённой спецификации должен начинаться с объявления версии <!DOCTYPE...>

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

● Начало/конец документа <html> </html>

<head> </head> – заголовок, отображаемый в браузере

<title> </title> название страницы в строке заголовка

<body> </body> – тело документа

● Заголовки <h1>, <h2>, <h3>, <h4>, <h5> и <h6>

(соответственно </h1>, </h2>, </h3>, </h4>, </h5>, </h6>)

● Управление шрифтами:

<b> </b> – жирный шрифт

<i> </i> – курсив

<u> </u> – подчёркнутый

<strike> </strike> – зачёркнутый

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

<p></p> – параграф

<br /> – конец строки (можно так же <br></br>)

<hr /> - рисует горизонтальную линию

<ul> </ul> – неупорядоченный html список

<li></li> – эдемент списка

<ol></ol> – аналогично, но нумерует элементы

<a></a> – anchor/якорь с аттрибутом href может использоваться для вставки гиперссылки:

<a href="http://www.drupal.ru/">Сообщество Drupal</a>

<a href="subfolder/page2.htm">Переход на page 2</a>

Вставка изображений

<img src=”адрес_изображения”>

внутри img могут быть аттрибуты:

title=”описание”,

alt=”альтернативный источник” (если изображение из основного не досупно)

width, height – ширина и высота

● Тэг <div> </div> применяется для выделения фрагмента документа с целью изменения вида этого фрагмента

Аттрибуты: можно использовать class или id с именем

селектора (подробнее в CSS), а так же align и title

● Тэг <span> </span> применяется для выделения строчных элементов документа (можно выделить часть информации, содержащуюся внутри других тэгов и устанавливать для неё свой стиль)

● ТАБЛИЦЫ: Тэги:

<table> </table>

<tr> </tr> – строка таблицы,

<td> </td> – данные таблицы

● Аттрибуты:

border – толщина рамки в пикселях,

width, height – размеры в пикселях или % экрана,

align – выравнивание содержимого (left, center или right)

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]