HTML УРОК 1 Пищита Е.В.. СОДЕРЖАНИЕ УРОКА HTML документ Структура простого html документа Теги Создание HTML документа Заголовки. Тег Размер шрифта. Тег.

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



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

Web-страницы и Web-сайты. Структура Web- страницы.
Структура HTML-документа HTML – язык разметки гипертекстовых документов.
HTML Язык гипертекстовой разметки страниц. Web-страница Web-страница – это документ в формате HTML, содержащий текст и специальные инструкции – дескрипторы.
Создание сайтов. Основы языка разметки гипертекстовых документов HTML.
Web-документ (или Web-страница) - это гипертекстовый документ, содержащий в себе ссылки на различные информационные ресурсы: другие Web-документы, графические,
был разработан британским учёным Тимом Бернерсом-Ли приблизительно в годах. это язык разметки гипертекста.
Работа с текстом в HTML. Размер и форма шрифта Тег - определяет выводимый шрифт, его размер и цвет. Атрибуты тега: FACE – определяет гарнитуры шрифтов.
Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
Основы языка HTML или с чего я начинала создавать WEB-страницу.
HTML – язык гипертекстовой разметки документов (Hyper Text Markup Language)
Часть III Создание web-сайтов. Язык HTML Hyper Text Markup Language Язык Разметки Гипертекста Язык Разметки Гипертекста XHTML (eXtensible HTML) Современный.
Web - страницы и Web - сайты. Структура Web – страницы. Форматирование текста на Web – странице.
Инструментальные средства создания электронных образовательных ресурсов План лекции 1 Общее представление о языке HTML. Подготовка к созданию HTML-документа.
Основы HTML. HTML (Hyper Text Markup Language) язык разметки гипертекста Web-страницы.
HTML Урок 2 Пищита Е.В.. СОДЕРЖАНИЕ УРОКА Вставка горизонтальной линии. Тег Цвет горизонтальной линии. Тег Выравнивание горизонтальной линии. Тег Линия.
Познакомиться с понятием Web-страница; Познакомиться с понятием «тэг» Познакомиться со структурой программы на языке НТМL Познакомиться с тэгами форматирования.
1. WEB-страничка – это: 2. Нумерованный список на странице HTML-документа можно задать с помощью команды:
Основы языка HTML: тэги, атрибуты тэгов, комментарии.
Основы языка HTML Теги разметки документа. Тег (tag - указатель, метка) Команда или фрагмент кода, который описывает определенный элемент документа HTML.
Транксрипт:

HTML УРОК 1 Пищита Е.В.

СОДЕРЖАНИЕ УРОКА HTML документ Структура простого html документа Теги Создание HTML документа Заголовки. Тег Размер шрифта. Тег Выбираем шрифт. Тег Цвет текста в документе. Тег Цвет фона текста. Тег Начертание текста Создание нового абзаца. Выравнивание абзаца. Тег Цвет фона страницы. Тег Параметры отступов в документе Пищита Е.В.

HTML HyperTextMarkupLanguage, что в переводе на русский означает язык разметки. HTML документ состоит из тегов, из которых и собирается вся интернет страничка. HTML документ Пищита Е.В.

ЗАГОЛОВОК ДОКУМЕНТА ТЕКСТ НА СТРАНИЧКЕ Структура простого html документа: Пищита Е.В.

Что такое тег? Пищита Е.В. Тег - (от англ. tag) это единица HTML-кода, знак или команда языка разметки гипертекста, который представляет собой текст, заключаемый в скобки <>. <> - открывающий тег, - закрывающий; <> - одиночный, <> … - парный тег.

Теги Любой HTML документ начинаться с тега и заканчиваться тегом. Это и даёт понять, что это и есть HTML документ. Тег. Все что находится между этим тегом, является служебной информацией. Она не отображается на самой страничке, но играет большую роль для поисковых машин. В нем пишутся: ключевые слова страницы, ее название, автор страницы, и др. служебная информация. Закрывающийся тег говорит, что завершена служебная информация. Тег определяет название страницы. Оно отображается в самом верхнем левом углу окна. Например название нашей страницы: Проект по информатике. Закрывающийся тег говорит, что название документа закончилось. Далее между открывающимся тегом и закрывающимся, следует информация, располагаемая на самой странице, ту которую мы видим. Пищита Е.В.

Создание html-документа Пищита Е.В.

Просмотр в браузере Пищита Е.В.

Схематически весь HTML документ: Пищита Е.В.

Заголовки. Тег в HTML На каждой HTML странице существуют заголовки. Для их создания используется следующий тег: Заголовок, где n - число от 1 до 6. Заключив между ними текст получим заголовки разных размеров: Пищита Е.В.

Размер шрифта. Тег FONT SIZE Размер шрифта мы также можем указать с помощью тега. Пищита Е.В.

Выбираем шрифт. Тег FONT FACE Следующим параметром задаём название шрифта, которым будет отображаться текст на странице: Пищита Е.В.

Цвет текста в документе Пищита Е.В.

Все атрибуты можно использовать одновременно: Пищита Е.В.

Выделение текста цветом Для выделения текста любым цветом используется тег: Пищита Е.В.

Начертание текста Тексту можно придать определенное начертание: Пищита Е.В.

Создание нового абзаца Тег для создания нового абзаца Новый абзац Параметры тега : CENTER LEFT RIGHT JUSTIFY Для переходов на новую строку без абзацев используется тег: За ним следует новая строка Пищита Е.В.

Цвет фона страницы. Тег BODY BGCOLOR У тега есть свои параметры, с помощью которых задаётся цвет фона страницы, цвет текста в документе и т.д. Цвет фона страницы можно задать так: Пищита Е.В.

Параметры отступов в документе Следующими параметрами могут быть указаны отступы в документе: leftmargin - отступ слева rightmargin - отступ справа topmargin - отступ сверхуbottommargin - отступ снизу Общий вид: Пищита Е.В.