Содержание

Слайд 2

История языка HTML. 

Создание web-страниц HTML (HyperText Markup Language — «язык гипертекстовой разметки»)

История языка HTML. Создание web-страниц HTML (HyperText Markup Language — «язык гипертекстовой
— стандартный язык разметки документов во Всемирной паутине. Версии языка HTML 
HTML 0.9 
HTML 2.0, одобренный как стандарт 22 сентября 1995 года; 
HTML 3.2— 14 января 1997 года; 
HTML 4.0 — 18 декабря 1997 года; 
HTML 4.01 — 24 декабря 1999 года; 
HTML 5— 28 октября 2014 года 
HTML 5.1 начал разрабатываться примерно 19 декабря 2012 года. 

Слайд 3

Рассмотрим создание страницы, выводящей фразу «Калужский технический колледж». Для этого в блокноте

Рассмотрим создание страницы, выводящей фразу «Калужский технический колледж». Для этого в блокноте
набираем:



Первый сайт


Калужский технический колледж


Слайд 4

Структура html-документа

HTML — элемент верхнего уровня — ограничивает начало и конец

Структура html-документа HTML — элемент верхнего уровня — ограничивает начало и конец
документа. Элемент HTML является элементом верхнего уровня в языке HTML.
Основная структура HTML-документа должна состоять из заглавия и тела. В документе должен присутствовать только один элемент HEAD, и он должен появиться до элемента BODY .
Тег должен содержать один TITLE элемент.

Слайд 5

BODY — тело документа. Основная структура документа HTML всегда состоит из заголовка

BODY — тело документа. Основная структура документа HTML всегда состоит из заголовка
и тела. Нет необходимости явно помещать тело в элемент BODY, однако делая так, можно специфицировать атрибуты, влияющие на представление документа в целом (например, установить фоновое изображение или цвет). 
Только один элемент BODY разрешен в документе, и он должен находится после элемента HEAD

Слайд 6

Теги управления форматированием

Абзац формируется при помощи тега 

. Изначально предполагалось использовать вместе с

Теги управления форматированием Абзац формируется при помощи тега … . Изначально предполагалось
тегами параметры. Параметры тега – способы выравнивания (left, right, center, justify). Например, если необходимо сделать абзац с выравниванием по ширине, то надо написать: 

Содержание абзаца

 

Слайд 7

Заголовки предназначены, во-первых, показать важность раздела, к которому относятся, а во-вторых, с

Заголовки предназначены, во-первых, показать важность раздела, к которому относятся, а во-вторых, с
помощью различных заголовков легко регулировать размер текста. Чем выше уровень заголовка, тем больше размер шрифта. Самым верхним уровнем является уровень 1 (

), а самым нижним — уровень 6 (

).

Слайд 8

Для полужирного начертания применяется два тега: и
Для курсивного начертания используются

Для полужирного начертания применяется два тега: и Для курсивного начертания используются два тега: и
два тега: и

Слайд 9

Следует отметить, что теги и , также как и

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

Слайд 10

Маркированный список формируется с помощью контейнера

    , а каждый пункт списка начинается

Маркированный список формируется с помощью контейнера , а каждый пункт списка начинается
с тега
  • , как показано ниже. 
  • Слайд 11

    Нумерованный список формируется с помощью контейнера

      , а каждый пункт списка начинается с

    Нумерованный список формируется с помощью контейнера , а каждый пункт списка начинается
    тега
  • , как показано ниже. 
    Бегущая строка задается тегом .
  • Слайд 12

    Таблицы

    Таблицы могут использоваться не только для более наглядного предоставления информации, но и

    Таблицы Таблицы могут использоваться не только для более наглядного предоставления информации, но
    для верстки веб-страниц. Таблица с невидимой границей представляет собой словно модульную сетку, в блоках которой удобно размещать элементы веб-страницы. Однако в настоящее время верстка страниц в основном осуществляется с помощью слоев.
    Имя файла: 1_urok.pptx
    Количество просмотров: 71
    Количество скачиваний: 0