Выбранный для просмотра документ HTML.pptx
Скачать материал "Hyper Text Markup Language (HTML) - язык разметки гипертекста"
Рабочие листы
к вашим урокам
Скачать
1 слайд
Hyper Text Markup Language (HTML) - язык разметки гипертекста
2 слайд
Гипертекст – это документ, содержащий ссылки на другие документы.
Отдельный документ, выполненный в формате HTML, называется:
- HTML-документом;
- Web-документом;
Web-страницей.
Такие страницы как правило имеют расширение htm или html.
Гиперссылка – выделенный объект, связанный с другим файлом и реагирующий на щелчок мыши(Гиперссылки необходимы для того, чтобы обеспечить возможность перехода от одного документа к другому).
Группа Web-страниц, принадлежащих одному автору или одному издателю и взаимосвязанных общими гиперссылками, образует структуру, которая называется Web-узлом или Web-сайтом.
3 слайд
Структура HTML-документа
Тег –это инструкции браузеру, определяющие способ отображения текста (Теги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web-страницы теги заключаются в угловые скобки, а конечный тег всегда снабжается косой чертой).
Пример:
<P> текст</p>. Т.е. текст помещен между тегами как в контейнер.
Атрибут - параметр или свойство элемента. Атрибуты располагаются внутри начального тега и отделяются друг от друга пробелами.
Пример:
<P align="center"> Этот текст будет выровнен по центру экрана </p>
4 слайд
<HTML> - начало HTML-документа
</html> - Конец HTML-документа.
<HEAD> - Этот тег указывает на начало области заголовка Web-страницы. Служит для формирования обей структуры документа.
</head> - Конец области заголовка Web-страницы.
<TITLE>Структура Web-страницы</title>
Элемент для размещения заголовка Web-страницы. Строка отображается в заголовке окна браузера.
<BODY> - Начало собственно содержимого Web-страницы.
</body> - Конец содержимого Web-страницы.
<H2> </h2> Элемент заголовка
<P> </p> Элемент абзаца.
5 слайд
Правила синтаксиса
Взаимное расположение элементов HTML, HEAD, TITLE, BODY должно быть стандартным на любой странице.
Структура:
<HTML>
<HEAD>
<TITLE>.....</title>
</head>
<BODY>
..................
</body>
</html>
2. Всегда использовать конечные теги (не забывать </p>, </h1>, </table> и др.).
3. Не нарушать правила вложения тегов.
Правильно: <H1>Заголовок крупный <H2> Заголовок поменьше </h2> </h1>
4. Любая полезная информация должна находится между начальным и конечным тегами, указывающими ее формат.
5. Все атрибуты располагаются в начальном теге.
6. Принято начальные теги писать ЗАГЛАВНЫМИ буквами (<H1>), а конечные строчными буквами (</h1>).
![Задания для выполнения:Откройте текстовый редактор "Блокнот".
Наберите в нем...](https://documents.infourok.ru/dfa464bf-e629-4dd7-8b79-7f52dbaed260/0/slide_06.jpg "Задания для выполнения:Откройте текстовый редактор "Блокнот".
Наберите в нем...")
6 слайд
Задания для выполнения:
Откройте текстовый редактор "Блокнот".
Наберите в нем структуру HTML-документа, которая представлена вам на слайде 5.
Сохраните файл в своей папке, присвоив ему имя page1.htm
Зайдите в свою папку и откройте созданный файл. Вы увидите, как выглядит созданный вами файл в окне браузера.
Закройте браузер.
Вернитесь к сохраненному файлу в "Блокноте".
Внесите в него следующие изменения: пусть это будет ваша первая страничка. Укажите в ней ваши фамилию, имя, школу, класс, увлечения. Используйте для этого форматирование заголовков и абзацев.
В строке <TITLE> укажите: "Домашняя страничка (ваше имя и фамилия).
Сохраните файл как page2.htm.
Просмотрите результат в браузере, при необходимости отредактируйте файл при помощи "Блокнота".
Рабочие листы
к вашим урокам
Скачать
Рабочие листы
к вашим урокам
Скачать
Hyper Text Markup Language (HTML) - язык разметки гипертекста.Основные определения, тэги, структура документа, примеры программ, задание на закрепление материала, а также правила синтаксиса.Гипертекст – это документ, содержащий ссылки на другие документы. Отдельный документ, выполненный в формате HTML, называется:- HTML-документом;- Web-документом;-Web-страницей. Такие страницы как правило имеют расширение htm или html. Гиперссылка – выделенный объект, связанный с другим файлом и реагирующий на щелчок мыши(Гиперссылки необходимы для того, чтобы обеспечить возможность перехода от одного документа к другому). Группа Web-страниц, принадлежащих одному автору или одному издателю и взаимосвязанных общими гиперссылками, образует структуру, которая называется Web-узлом или Web-сайтом.
6 663 131 материал в базе
Настоящий материал опубликован пользователем Кожевникова Марина Михайловна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Ваша скидка на курсы
40%
Курс профессиональной переподготовки
500/1000 ч.
Курс профессиональной переподготовки
500/1000 ч.
Курс профессиональной переподготовки
300/600 ч.
Курс профессиональной переподготовки
300/600 ч.
Мини-курс
6 ч.
Мини-курс
6 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.