- Главная
- Разное
- Образование
- Спорт
- Естествознание
- Природоведение
- Религиоведение
- Французский язык
- Черчение
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Геометрия
- Детские презентации
- Информатика
- История
- Литература
- Математика
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, фоны, картинки для презентаций
- Экология
- Экономика
Презентация, доклад на тему Web-страницы и Web-сайты. Структура Web-страницы
Содержание
- 1. Web-страницы и Web-сайты. Структура Web-страницы
- 2. Web-страницы создаются с использованием языка разметки гипертекстовых
- 3. Web-страница сохраняется в виде файла с разрешением .htm или .htmlПример: index.htm
- 4. Структура Web-страницыHTML-теги заключаются в угловые скобки и
- 5. HTML – код страницы помещается в теги
- 6. Web-страница разделяется на 2 логические части:Заголовок;Содержание.Структура Web-страницы
- 7. Заголовок страницыЗаголовок страницы помещается между тегами и
- 8. Содержание страницыОтображаемое содержание страницы помещается в теги
- 9. Форматирование текста на Web-страницеАбзацы. Разделение текста на
- 10. Форматирование текста на Web-страницеШрифт. Параметры форматирования шрифта
- 11. Форматирование текста на Web-страницеВыравнивание текста. Задается с
- 12. Форматирование текста на Web-страницеТег . Создает жирный
- 13. Пример Web-страницы Моя первая веб - страница
- 14. Слайд 14
- 15. ТЕСТ Основы языка HTML"1.HTML это …А. язык
- 16. 2.Для того, чтобы отличить разметочный знак (тег)
- 17. 3. Для задания области действия разметочного знака
- 18. 4. Заголовочная часть HTML -документа выделяется тегом …А. HTML;Б. HEAD;В. BODY;Д. TITLE;Е. STRONG.Б
- 19. 5.Основной текст документа выделяется тегом …А. HTML;Б. HEAD;В. BODY;Г. TITLE;Д. STRONG.В
- 20. 6. Для вывода горизонтальной линии служит тег …А. BR;Б. H1;В. P;Г. HR;Д. A.Г
- 21. 7.Для обозначения абзаца служит тег …А. BR;Б. H1;В. P;Г. HR;Д. A.В
- 22. Слайд 22
Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language).В обычный текстовый документ вставляются управляющие символы – HTML-теги, которые определяют вид страницы в Web-браузере.Web-сайт – набор страниц, посвященных определенной тематике и связанных между
Слайд 2Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text
Markup Language).
В обычный текстовый документ вставляются управляющие символы – HTML-теги, которые определяют вид страницы в Web-браузере.
Web-сайт – набор страниц, посвященных определенной тематике и связанных между собой с помощью гиперссылок.
В обычный текстовый документ вставляются управляющие символы – HTML-теги, которые определяют вид страницы в Web-браузере.
Web-сайт – набор страниц, посвященных определенной тематике и связанных между собой с помощью гиперссылок.
Слайд 4Структура Web-страницы
HTML-теги заключаются в угловые скобки и могут быть одиночными или
парными.
Парные теги содержат открывающий и закрывающий теги. Закрывающий тег содержит прямой слеш (/) перед обозначением.
Теги могут записываться как прописными, так и строчными буквами.
Парные теги содержат открывающий и закрывающий теги. Закрывающий тег содержит прямой слеш (/) перед обозначением.
Теги могут записываться как прописными, так и строчными буквами.
Слайд 5HTML – код страницы помещается в теги
Без этих тегов
браузер не сможет определить формат документа и правильно его интерпретировать.
Структура Web-страницы
Слайд 7Заголовок страницы
Заголовок страницы помещается между тегами и содержит название страницы
и справочную информацию о странице (тип кодировки, версия языка HTML и т.д.).
Название страницы помещается в тегах
Название страницы помещается в тегах
Слайд 8Содержание страницы
Отображаемое содержание страницы помещается в теги
Тег может иметь
атрибуты. Например:
bgcolor =“black” – задает цвет фона страницы;
text =“white” – задает цвет текста
bgcolor =“black” – задает цвет фона страницы;
text =“white” – задает цвет текста
Слайд 9Форматирование текста на Web-странице
Абзацы. Разделение текста на абзацы происходит с помощью
тегов . Для каждого абзаца можно задать тип выравнивания и параметры форматирования шрифта.
Заголовки. Размер шрифтов заголовков задается парами тегов от (самый крупный) до (самый мелкий).
Заголовки. Размер шрифтов заголовков задается парами тегов от (самый крупный) до (самый мелкий).
Слайд 10Форматирование текста на Web-странице
Шрифт. Параметры форматирования шрифта задаются с помощью тега
FONT и его атрибутов:
SIZE – определяет размер шрифта;
FACE – определяет гарнитуру шрифта;
COLOR – определяет цвет шрифта.
Пример: Пример текста
SIZE – определяет размер шрифта;
FACE – определяет гарнитуру шрифта;
COLOR – определяет цвет шрифта.
Пример: Пример текста
Слайд 11Форматирование текста на Web-странице
Выравнивание текста. Задается с помощью атрибута ALIGN.
Выравнивание
по левому краю: ALIGN = “left”
Выравнивание по правому краю: ALIGN = “right”
Выравнивание по центру: ALIGN = “center”
Пример:
Выравнивание по правому краю: ALIGN = “right”
Выравнивание по центру: ALIGN = “center”
Пример:
текст
Слайд 12Форматирование текста на Web-странице
Тег . Создает жирный текст.
Тег .
Создает наклонный текст (курсив).
Тег
. Используется для перехода на новую строку.
Тег
. Используется для перехода на новую строку.
Слайд 13Пример Web-страницы
Моя первая веб - страница
green text = gold>
Web - страница
Создана с помощью программы Блокнот
и языка HTML.
Спасибо за внимание!