Основы веб-разработки. HTML. Основные понятия. Работа с текстом. Лекция 2. - презентация

1 Основы веб-разработки. HTML. Основные понятия. Работа с текстом. Лекция 2

2 Документ. 1). Расширение документа.html или.htm; 2). Является текстовым документом; 3). Если открыть такой документ браузером, то он автоматически определится и выведет результат. 4). Как правило документ называют index.html

3 Теги. 1). Имеют данную конструкцию 2) содержимое тега или 3). Тег имеет атрибуты.

4 Основная разметка страницы. Объявляет наш документ, как HTML5. Заключает в себя все теги, кроме тега, указывающего тип текущего документа. Данный тег предназначен для заголовка страницы, указания кодировки, подключения файлов стилей и другой технической информации Тег является контейнером, который содержит в себе все теги, отвечающие за визуальную составляющую веб-страницы.

5 Правильное построение разметки в документе. Заголовок страницы

6 Работа с текстом. Тег заголовка. 1). Является блочным элементом; 2). Имеет «margin» сверху и снизу; 3). Размер шрифта заголовка по-умолчанию высчитывается относительно текущего размера шрифта на странице, и используемого тега; 4). Литеры выделены жирным начертанием шрифта.

7 Работа с текстом. Тег заголовка. Существует только 6 видов заголовка, которые в HTML принимают данный вид: Заголовок

8 Работа с текстом. Тег параграфа. 1). Является блочным элементом; 2). Размер шрифта по-умолчанию равен 16px; 3). Имеет «margin» сверху и снизу; Существует только один тег параграфа и имеет такой вид: Тег параграфа

9 Работа с текстом. Тег курсивного начертания. 1). Является строчным элементом; 2). Имеет стиль курсивного начертания. Существует несколько видов данного тега: Курсив

10 Работа с текстом. Тег определения строчного элемента. 1). Является строчным элементом; 2). Необходим, чтобы внутри блочного или строчного тега заключить область, которой в дальнейшем задать определённый стиль. Имеет такой данный вид: Строчный

11 Работа с текстом. Тег жирного начертания. 1). Является строчным элементом; 2). Имеет стиль жирного начертания. Существует два вида данного тега: Жирный

12 Работа с текстом. Тег «ccылка». 1). Является строчным элементом; 2). Содержит обязательный атрибут, значением которого является адрес ссылки; 3). По-умолчанию цвет шрифта ссылки синий; 4). По-умолчанию имеет нижнее подчёркивание; 5). По-умолчанию, при нажатии на ссылку, меняет свой цвет. 6). По-умолчанию, при наведении на ссылку, меняется курсор мыши.

13 Работа с текстом. Тег «ccылка». Существует один вид данного тега: Перейти

14 Работа с текстом. Тег акронима. 1). Строчный элемент; 2). При наведении курсора мыши, в случае указания значения атрибута, появляется поле со значением атрибута. Имеет такой вид: DOM

15 Работа с текстом. Тег цитаты. 1). Блочный элемент; 2). Текст, обозначенный этим тегом, традиционно отображается как выровненный блок с «margin» слева и справа (примерно по 40 пикселов), а также с «margin» сверху и снизу. Имеет такой вид: Цитата