Презентация - "Основы языка HTML, гипертекстовая разметка документов"
- Презентации / Другие презентации
- 0
- 14.01.26
Просмотреть и скачать презентацию на тему "Основы языка HTML, гипертекстовая разметка документов"
Сайт klass-uchebnik.com предлагает качественные учебные материалы для школьников, родителей и учителей. Здесь можно бесплатно читать и скачивать современные учебники, рабочие тетради, а также наглядные презентации по всем предметам школьной программы. Материалы распределены по классам и темам, что делает поиск максимально удобным. Каждое пособие отличается логичной структурой, доступной подачей материала и соответствует действующим образовательным стандартам. Благодаря простому языку, наглядным схемам и практическим заданиям, обучение становится легче и эффективнее. Учебники подойдут как для ежедневной подготовки к урокам, так и для систематического повторения перед экзаменами.
Особое внимание стоит уделить разделу с презентациями - они становятся отличным визуальным дополнением к теории, помогают лучше понять сложные темы и удерживают внимание учащихся. Такие материалы удобно использовать в классе на интерактивной доске или при самостоятельной подготовке дома. Все размещённые на платформе материалы проверены на актуальность и соответствие учебной программе. Это делает сайт надёжным помощником в образовательном процессе для всех участников: школьников, учителей и родителей. Особенно удобно, что всё доступно онлайн без регистрации и в свободном доступе.
Если вы ищете надежный источник для подготовки к урокам, контрольным и экзаменам - klass-uchebnik.com станет отличным выбором. Здесь вы найдёте всё необходимое, включая "Основы языка HTML, гипертекстовая разметка документов", чтобы сделать обучение более организованным, интересным и результативным.
Основы языка HTML,
гипертекстовая разметка документов
Разработала учитель информатики первой квалификационной категории
МБОУ «СОШ №3» г. Боготол
Сайт- это несколько десятков, сотен Web-страниц, связанных между собой общим содержанием, дизайном и взаимными гиперссылками.
Web-страница (HTML-страница)-это страница представленная в сети Интернета. Эти страницы создаются при помощи языка HTML.
Структура сайта
Линейная
Древовидная
1
2
3
1
3
4
2
Языка HTML.
HTML состоит из двух составляющих
Тэги;
Содержимое
Тэг –это некоторая логическая команда, дающая указание браузеру (программе обозреватель), указание как отображать следующие за ним элементы.
Тэг имеет английское название и записывается в угловых скобках <HTML>, поясняет что после него идет HTML –страница.
Тэги бывают парные и не парные.
У парных тэгов есть открывающие и закрывающие тэги . Закрывающий тэг содержит прямой слэш (/) перед обозначением.
У не парных тэгов есть только имя.
Тэги могут записываться как прописными, так и строчными буквами.
Web-страница помещается в контейнер <HTML></HTML> и состоит из двух частей: заголовка и отображаемого в браузере содержания.
Заголовок страницы помещается в контейнер <HEAD></HEAD> Заголовок содержит название страницы, которое помещается в контейнер <TITLE></TITLE> и при просмотре отображается в верхней строке окна браузера.
Также в заголовок помещаются не отображаемые при просмотре мета-тэги, задающие кодировку страницы для ее правильного отображения в браузере, а также содержащие описание и ключевые слова страницы, которые в первую очередь просматривают роботы поисковых систем.
Отображаемое в браузере содержание страницы помещается в контейнер <BODY></BODY>.
Cозданиe Web-страницы
«Основные тэги HTML»
1. Запустить текстовый редактор Блокнот командой
[Пуск - Программы - Стандартные - Блокнот].
2. Набрать в Блокноте.
![Ввести команду [Файл – Сохранить как…]. Файлу Web-страницы присвоить имя index.htm<br> Запустить бра](https://vvoqhuz9dcid9zx9.redirectto.cc/s11/1/3/5/4/8/2/8.jpg "Ввести команду [Файл – Сохранить как…]. Файлу Web-страницы присвоить имя index.htm<br> Запустить бра")
Ввести команду [Файл – Сохранить как…]. Файлу Web-страницы присвоить имя index.htm
Запустить браузер и открыть созданный файл командой [Файл - Открыть]. В заголовке окна браузера высвечивается название Web-страницы
Основные тэги HTML
Заголовки
Заголовки различных уровней:
<H1>Заголовок первого уровня</H1>
<H2>Заголовок второго уровня</H2>
<H3>Заголовок третьего уровня</H3>
<H4>Заголовок четвертого уровня</H4>
<H5>Заголовок пятого уровня</H5>
<H6>Заголовок шестого уровня</H6>
Форматирование шрифта.
Внести в текст страницы тэги, определяющие начертание шрифта и горизонтальных разделительных линий. Отделить этот фрагмент от остального текста с помощью горизонтальных разделительных линий
Разделительная линия:
<HR>
Форматирование шрифта:
<B>Жирный</B>
<I>Курсив</I>
<U>Подчеркнутый</U>
<B><I><U>Жирный подчеркнутый курсив</B></I></U>
<TT>Равноширинный</TT>
Выделение:
<EM>Выделение</EM>
<STRONG>Усиленное выделение</STRONG>
<HR>
Нумерованный список:
<OL>
<LI>Первый элемент списка</LI>
<LI>Второй элемент списка</LI>
<LI>Третий элемент списка</LI>
</OL>
Ненумерованный список:
<UL>
<LI>Первый элемент списка</LI>
<LI>Второй элемент списка</LI>
<LI>Третий элемент списка</LI>
</UL>
Список определений:
<DL>
<DT>ТЕРМИН 1</DT>
<DD>Пояснение к термину 1</DD>
<DT>ТЕРМИН 2</DT>
<DD>Пояснение к термину 2</DD>
<DT>ТЕРМИН 3</DT>
<DD>Пояснение к термину 3</DD>
</DL>
Внесение изменений и
дополнений в Web-страницу.
В процессе создания Web-страницы приходится добавлять новые тэги и просматривать получаемый результат.
Активизировать Блокнот с открытой в нем редактируемой Web-страницей. Внести в содержимое страницы необходимые изменения и сохранить новый вариант страницы, выполнив команду меню [Файл - Сохранить
Активизировать браузер с открытым в нем предыдущим вариантом страницы. Щелкнуть по кнопке Обновить. В окне браузера отобразится обновленная Web-страница
Мета-тэги.
В раздел заголовка Web-страницы могут быть добавлены информационные одиночные тэги <META>, имеющие атрибуты NAME, HTTP-EQUIV и CONTENT.
Мета тэг может информировать браузер о кодировке Web-страницы:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
Мета тэги используются поисковыми системами для индексирования содержания, ключевых слов и автора Web-страницы:
<meta name="Description" content="">
<meta name="Keywords" content="">
<meta name="Author" content="">
Атрибуты задания цветовой схемы
(цвета фона, текста и гиперссылок).
Цвет на Web-странице задают либо его названием, либо числовым шести разрядным шестнадцатеричным кодом #RRGGBB (первые два разряда задают интенсивность красного цвета, вторые – зеленого и третьи – синего).
Значение яркости цвета может меняться от минимальной 00 до максимальной FF. В таблице приведены примеры некоторых цветов:
Таблица цвета
Основную цветовую схему Web-страницы можно задать в тэге <BODY> с помощью атрибутов:
Цвет фона BGCOLOR="#RRGGBB"
Текстура фона BACKGROUND="file_name"
Цвет текста T EXT="#RRGGBB”
Цвет текста ссылки LINK="#RRGGBB“
Цвет текста активной ссылки ALINK="#RRGGBB"
Цвет текста просмотренной ссылки VLINK="#RRGGBB"
Вставка изображений.
Для размещения на Web-страницах используются графические файлы форматов GIF, JPEG и PNG.
Изображения помещаются на Web-страницу тэгом IMG с атрибутом SRC, сообщающим браузеру имя и местоположение графического файла.
<IMG SRC="image_name">
Если рядом с изображением не должно быть текста, его размещают внутри отдельного абзаца. Выравнивание рисунка по горизонтали в этом случае задают в тэге <P>. Размеры изображения (в пикселях) можно задать с помощью атрибутов WIDTH и HEIGHT. К изображению атрибутом ALT можно добавить название, которое появляется на экран или вместо иллюстрации (если по какой - либо причине графика не выводится в окне браузера), или в качестве всплывающий строки, при указании на рисунок мышью.
