Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Повторение МДК 02.01.docx
Скачиваний:
0
Добавлен:
01.07.2025
Размер:
70.64 Кб
Скачать
  1. Структура страницы html5

Структура страницы HTML5. Оформление абзацев, списков

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

Закрывающий тэг содержит прямой слэш (/) перед обозначением.

HTML-код страницы помещается внутрь контейнера <html></html>.

Web-страница разделяется на две логические части: заголовок и содержание.

Заголовок Web-страницы заключается в контейнер <head></head> и содержит название документа и справочную информацию о странице.

Название Web-страницы содержится в контейнере < title></title> и отображается в строке заголовка браузера при просмотре страницы.

Основное содержание страницы помещается в контейнер <body></body> и может включать текст, таблицы, бегущие строки, ссылки на графические изображения и звуковые файлы и так далее.

LI – элемент списка.

Атрибут – type.

UL – неупорядоченный (маркированный)список.

Атрибут – type.

OL – упорядоченный (нумерованный) список

Атрибуты – type, start (число, с которого начинается нумерация).

Размещение данных в таблицах в документах HTML5

Размещение данных в таблицах

В роли табличных данных могут выступать любые данные – числа, графические изображения, тексты описаний.

<table> </table> – контейнер, которым задается таблица

<tr> </tr> – строка, описание ячеек

<td> </td> – формат ячеек, описание ячеек

<th> </th> – заголовки ячеек

Border – толщина разделительных линий

Атрибуты

background – указывает путь к фоновому рисунку,

bgcolor – фон таблицы,

width – ширина таблицы,

height – высота таблицы.

  1. Теги оформления текста (html5)

BODY – основная часть страницы. В этом контейнере находится содержимое страницы.

Атрибуты тега body – цвет фона (bgcolor), цвет текста на странице (text), фоновый рисунок (background).

DIV – раздел страницы.

H1, H2, H3, H4, H5, H6 – заголовки текста.

Атрибуты тегов – выравнивание (align).

P – параграф текста.

Атрибут – выравнивание (align).

BR – разрыв строки.

Атрибут – выравнивание (align).

B – полужирный текст.

I курсивный текст.

FONT – шрифт.

Атрибуты – размер шрифта (size), цвет символов (color), шрифты (face), например, Arial.

  1. Каскадные таблицы стилей

Стиль – это набор правил для оформления web-страницы.

Селектор – элемент стиля, в селекторе указаны параметры форматирования (цвет элемента, фоновый цвет, гарнитура шрифта, размер символов, отступы, стили границ и др.)

Любой тег HTML может быть селектором.

Тег <style> применяется для определения стилей элементов веб-страницы.

Тег <style> необходимо использовать внутри контейнера <head>. Можно задавать более чем один тег <style>.

Синтаксис

<head>

<style type="text/css">

</style>

</head>

Атрибуты

media

Определяет устройство вывода, для работы с которым предназначена таблица стилей.

type

Сообщает браузеру, какой синтаксис использовать, чтобы правильно интерпретировать стили.

Каскадные таблицы стилей позволяют сгруппировать некоторые схожие элементы, благодаря чему их не надо постоянно прописывать в HTML-коде.