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

Презентация:



Advertisements
Похожие презентации
Автор: Пилишкина Надежда Васильевна. HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены.
Advertisements

Основные понятия HTML расшифровывается HyperText Markup Lang uage (в переводе означает Язык Разметки ГиперТекста). HTML предназначен для создания веб-
Форматирование текста на Web- странице. Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! Структура HTML-документа.
С ИСПОЛЬЗОВАНИЕМ ЯЗЫКА ГИПЕРТЕКСТОВОЙ РАЗМЕТКИ ДОКУМЕНТА HTML Создание Web - страницы.
HTML – язык гипертекстовой разметки документов (Hyper Text Markup Language)
РАЗМЕЩЕНИЕ ИНФОРМАЦИИ В ИНТЕРНЕТ РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ.
Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! Структура HTML-документа.
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
Основы языка HTML Теги разметки документа. Тег (tag - указатель, метка) Команда или фрагмент кода, который описывает определенный элемент документа HTML.
Структура HTML-документа HTML – язык разметки гипертекстовых документов.
Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
HTML (от англ. Hyper Text Markup Language «язык разметки гипертекста») стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц.
Достоинство web-страниц? Возможность просмотра в различных операционных системах. Какие редакторы используются для создания веб страниц в различных ОС?
Основы языка HTML или с чего я начинала создавать WEB-страницу.
Лекция 4. Тема «Форматирование Web-документа ». Вопросы темы: 1.Теги тела документа; 2.Теги управления разметкой; 3.Теги, управляющие формой отображения;
Web-страницы и Web-сайты. Структура Web- страницы.
4.3 Каскадные таблицы стилей. Каскадные таблицы стилей (Cascading Style Sheets, CSS) способ оформления страниц HTML, позволяющий с помощью параметров.
Форматирование текста Вставка рисунка Таблицы Гиперссылки Круговой сектор Структура документа.
Задание: изучить тему, записать все теги форматирования.
Язык разметки текста HTML. HTML-страница HTML-страница представляет собой простой текстовый файл, в котором наряду с текстом присутствуют специальные.
Транксрипт:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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