Основы языка HTML: тэги, атрибуты тэгов, комментарии.

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



Advertisements
Похожие презентации
Основы языка HTML: тэги, атрибуты тэгов, комментарии.
Advertisements

Язык разметки гипертекста HTML. Содержание: 1.Введение в язык HTML.Введение в язык HTML. 2.История создания HTML.История создания HTML. 3.Основные понятия.
Основы HTML. HTML (Hyper Text Markup Language) язык разметки гипертекста Web-страницы.
Тимакова Т. А.«Web – технологии как инструмент образовательного процесса » 1.
Web - страницы и Web - сайты. Структура Web – страницы. Форматирование текста на Web – странице.
Автор: Пилишкина Надежда Васильевна. HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены.
Web-страницы и Web-сайты. Структура Web- страницы.
Основы HTML Учитель информатики и ИКТ МКОУ «Глядянская СОШ» Притобольного района Кузнецова Оксана Николаевна.
Основы языка HTML или с чего я начинала создавать WEB-страницу.
Инструментальные средства создания электронных образовательных ресурсов План лекции 1 Общее представление о языке HTML. Подготовка к созданию HTML-документа.
HTML УРОК 1 Пищита Е.В.. СОДЕРЖАНИЕ УРОКА HTML документ Структура простого html документа Теги Создание HTML документа Заголовки. Тег Размер шрифта. Тег.
Выполнил: Мирмахмудова Мумтозахон Проверила:. Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут.
Структура HTML-документа HTML – язык разметки гипертекстовых документов.
Познакомиться с понятием Web-страница; Познакомиться с понятием «тэг» Познакомиться со структурой программы на языке НТМL Познакомиться с тэгами форматирования.
Основы Html HTML – HyperText Markup Language – язык разметки гипертекста
Название страницы содержание страницы Структура любого HTML файла.
РАЗРАБОТКА WEB-САЙТОВ.. Создание Web-сайтов реализуется с помощью языка разметки гипертекстовых документов HTML. Тэги – инструкции браузеру, указывающие.
Структура HTML- документа. Терминология Элемент - конструкция языка HTML. Это контейнер, содержащий данные и позволяющий отформатировать из определенным.
УРОК 2. Форматирование текста. Пока созданная страница выглядит не слишком привлекательно - мелкий шрифт черного цвета на белом фоне. Заголовки С помощью.
Web-сайты и Web-страницы Сайт является интерактивным средством представления информации. Интерактивность сайта обеспечивают различные формы, с помощью.
Транксрипт:

Основы языка HTML: тэги, атрибуты тэгов, комментарии

HTML-документ – это обычный текстовый документ, содержащий специальные р рр разметочные указатели (тэги). HTML-файл имеет расширение.htm или.html

ТЭГИ Тэг Тэг –инструкция браузеру, указывающая способ отображения текста.

Например: Тэг всегда начинается со знака «меньше» ( ) Например: ПРАВИЛА ЗАПИСИ ТЭГОВ

ТЭГИ ТЕГ одиночный парный(контейнер) открывающий открывающий закрывающий закрывающий

СТРУКТУРНЫЕ ТЭГИ …, Всё содержимое файла Интернет-страницы заключается в контейнер …, указывающий браузеру, что данный текст представляет собой HTML-документ и, возможно содержит в себе тэги, которые браузер должен выявить, распознать, интерпретировать. Типичная Интернет-страница (HEAD)(BODY) Типичная Интернет-страница состоит из двух частей: заголовка (HEAD) и тела (BODY).

СТРУКТУРНЫЕ ТЭГИ Эту базовую структуру в простейшем виде можно наглядно показать следующим образом: начало контейнера HTML-документа начало контейнера заголовка начало контейнера строки – названия страницы …строка названия страницы конец контейнера строки – названия страницы конец контейнера заголовка начало контейнера тела страницы …тело (всё содержимое) страницы конец контейнера тела страницы конец контейнера HTML-документа

Указанная вами строка-название будет выводиться в заголовке окна браузера, когда данная страничка будет в нём просматриваться, а также (уже после размещения страницы в Интернете) в списках, выдаваемых поисковыми серверами. СТРУКТУРНЫЕ ТЭГИ

КОММЕНТАРИИ - такой полутэг используется для добавления комментариев на страничке, т. е. для полезных пояснений, которые не показываются в браузере. Пример: Заголовок Подзаголовок

ПРИМЕР HTML-ДОКУМЕНТА Моя первая Интернет-страничка! Моя первая Интернет-страничка! Это моя первая проба сил в Web-дизайне. Может быть, страничка пока еще получилась не очень красивой, но ведь она работает!!!

Тэги форматирования текста. отображает текст полужирным шрифтом. отображает текст курсивом отображает текст подчеркнутым шрифтом. и отображают текст, перечеркнутый горизонтальной линией. выводит текст шрифтом большего размера, чем непомеченная часть текста выводит заключенный в него текст шрифтом меньшего размера, по сравнению с остальной частью текста: сдвигает текст ниже уровня строки и выводит его шрифтом меньшего размера. Рекомендуется для печати математических индексов: сдвигает текст выше уровня строки и выводит его шрифтом меньшего размера. Этот тэг можно использовать для задания степеней чисел:

Теги управления внешним видом Web-страницы - отделяет абзацы друг от друга, ставится в конце абзаца. - начало новой строки. - горизонтальная линия во весь экран. / - заголовок документа. После буквы Н указывается вид заголовка от 1 до 6.

Тэг позволяет изменить шрифт, который использует браузер для просмотра Web-страницы. Тэг может иметь следующие параметры: FACE – задает название шрифта, которым будет выводится текст. SIZE – задает размеры шрифта в условных единицах от 1 (самого маленького) до 7 (самого большого). Принято считать, что шрифт нормального размера соответствует значению 3. COLOR – устанавливает цвет шрифта, который может задаваться с помощью стандартных имен или набором шестнадцатеричных цифр.

Списки Каждый элемент списка начинается тэгом В языке HTML предусмотрен специальный набор тэгов для представления информации в виде списков следующих типов: Маркированный ( ); Нумерованный ( / ); список определений ( / ). Термин. Его определение...