- •Часть 1. Создание Web-страниц с помощью языка разметки гипертекста html5 2
- •Часть 2. Процесс создания сайта, подбор компании-хостера, выбор и регистрация доменного имени. 24 Часть 1. Создание Web-страниц с помощью языка разметки гипертекста html5
- •Краткие сведения о html
- •Элементы html Структура html разметки
- •Основные элементы разметки
- •Основы css
- •Валидация html и css
- •Задания на лабораторную работу
- •Требования к отчетности
- •Справочники по html и css
- •Часть 2. Процесс создания сайта, подбор компании-хостера, выбор и регистрация доменного имени.
Содержание
Часть 1. Создание Web-страниц с помощью языка разметки гипертекста html5 2
1. Краткие сведения о HTML 2
2. Элементы HTML 3
3. Основы CSS 11
4. Валидация HTML и CSS 18
5. Задания на лабораторную работу 22
6. Требования к отчетности 23
Справочники по HTML и CSS 23
Часть 2. Процесс создания сайта, подбор компании-хостера, выбор и регистрация доменного имени. 24 Часть 1. Создание Web-страниц с помощью языка разметки гипертекста html5
Цель работы: ознакомление с языком разметки HTML, создание и валидация HTML-страниц с использованием устаревших и новых средств разметки.
Краткие сведения о html
HyperTextMarkupLanguage – «язык разметки гипертекста» - стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме. Является приложением SGML (стандартного обобщённого языка разметки), соответствующего международному стандарту ISO 8879.
Основные этапы в развитии HTML:
1990-1995 – Начальное развитие («относительно хаотичное»)
1995-2000 – Стандартизация(«навсегда»)
2000-2005 – Поиск путей дальнейшего развития
2005-2014 – Разработка нового поколения HTML(HTML5)
Версии:
RFC 1866 - HTML 2.0, одобренный как стандарт 22 сентября 1995 года;
HTML 3.2 - 14 января 1997 года;
HTML 4.0 - 18 декабря 1997 года;
HTML 4.01 (изменения, причём более значительные, чем кажется на первый взгляд) - 24 декабря 1999 года;
ISO/IEC 15445:2000 (так называемый ISO HTML, основан на HTML 4.01 Strict) - 15 мая 2000 года;
HTML 5 - 28 октября 2014 года;
HTML 5.1 начал разрабатываться примерно 19 декабря 2012 года.
HTML 5 основан на XHTML (более строгом варианте HTML). XHTML (англ. Extensible Hypertext Markup Language — расширяемый язык разметки гипертекста) – семейство языков разметки веб-страниц на основе XML, повторяющих и расширяющих возможности HTML 4.
Элементы html Структура html разметки
Разметка любой страницы выглядит следующим образом:
<!Спецификация DOCTYPE>
<html>
<head (Заголовок)>
[<Надпись заголовка>]
[<Стили>]
[<Скрипты>]
</head>
<body (Тело страницы)>
[<Разметка страницы>]
</body>
</html>
Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, должен начинаться со строки объявления версии HTML <!DOCTYPE…>. Спецификация документа должна быть указана, поскольку в противном случае браузер не будет иметь возможности корректно интерпретировать разметку. В различных браузерах по умолчанию отображение различно!
Варианты DOCTYPE для HTML 4.01:
XHTML 1.0 Strict:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Transitional:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.0 Mobile:
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
XHTML 1.1:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Варианты DOCTYPE для HTML 5:
<!DOCTYPE html>