Презентация по теме HTML (HyperText Markup Language) - Язык Разметки Гипертекста
методическая разработка
Презентация по теме HTML (HyperText Markup Language) - Язык Разметки Гипертекста
Скачать:
Вложение | Размер |
---|---|
![]() | 354.5 КБ |
Предварительный просмотр:
Подписи к слайдам:
Создание Web -страниц. Основные теги языка HTML. Атрибуты таблицы. Графические элементы.
Структура простого HTML-документа
Основные теги языка TML. Тег Основной тег документа. Не содержит атрибутов. Все прочие теги строятся в области действия данного тега. Тег парный. Тег "Голова" HTML-документа. В нем располагаются теги заголовка-названия документа и различная вспомогательная информация, такая как язык документа и имя автора. Тег парный. Содержит заголовки HTML-документа. Также не содержит атрибутов. Тег
Форматирование текста Тег
Задает параграф в тексте. Тег парный. Основной атрибут: align - выравнивание текста Пример:
текст по правому краю < /p> содержание
Тег
Пример:
- Москва
- Рим
- Париж
Тег Задает шрифт для блока текста. Тег парный. Атрибуты: face - начертание(шрифт) color - цвет size - размер Пример: этот текст будет зеленого цвета содержание
Тег Выделяет блок текста жирным шрифтом. Тег парный. Тег Выделяет блок текста курсивным шрифтом. Тег парный. Тег
Переводит каретку на новую строку. Тег не парный содержание
Таблицы:
Тег
Основные атрибуты
border - толщина рамки. Задается в пикселях (единицах измерения экрана). Пример: border="1" width - ширина таблицы. Может задаваться в пикселях, а может в процентах (от размера окна, в котором просматривается страница). height - высота таблицы. Как и в предыдущем случае, может задаваться в пикселях, а может в процентах. align - выравнивание информации в ячейке по горизонтали. Значения: left (по умолчанию), center , right . background - путь к фоновой картинке. Например: " /images/back.gif ". bgcolor - цвет фона. Как и цвет шрифта может содержать код цвета или его имя. содержаниеОсновные атрибуты
и align - выравнивание по горизонтали. valign - выравнивание вертикали. background - фоновый рисунок. bgcolor - цвет фона. colspan - количество занимаемых ячейкой колонок. rowspan - количество занимаемых ячейкой строк. height - высота ячейки. width - ширина ячейки. содержание Пример 1:
Пример 2:
Пример 3:
Пример 4:
Работа с изображениями В HTML-документах, помимо текста и таблиц, можно использовать графику. HTML, а точнее браузеры поддерживают три формата графических файлов: JPG , GIF , PNG . содержание JPG - предназначен для хранения полноцветных фотографий. JPG - формат кодирования изображений с потерей, т.е. при сжатии картинки в JPG -файл часть (не существенная) информации отбрасывается за ненадобность. содержание GIF - предназначен для хранения картинок с ограниченной цветовой палитрой ( 256 цветов). содержание PNG - универсальный формат, специально разработанный для передачи изображений через сеть. PNG - формат сжатия без потери качества. содержание тег Использование картинок в качестве фонового заполнения Для страницы, таблицы и ячейки используется один и тот же атрибут - background , который указывает местоположение картинки-фона: background="sample_image.jpg" . содержание По теме: методические разработки, презентации и конспекты![]() Контрольная работа по теме: Язык разметки гипертекста HTMLДобавить списки на WEB-странички, созданные на прошлом уроке:1. Создать одну WEB-страничку index.html, на которой должны быть ги... Презентация на тему "Работа с массивами в языке программирования С"Определение одномерных и двумерных массивов. Инициализация, примеры.... ![]() Урок XXI века: Разработка Web-сайтов с помощью языка разметки гипертекста HTMLДанная презентация предназначена для проведения открытого урока по теме: Разработка Web-сайтов с помощью языка разметки гипертекста HTML. В ходе урока студенты научаться вставлять рисунки и гипер... ЯЗЫК РАЗМЕТКИ ГИПЕРТЕКСТА HTML. РЕДАКТОРЫ ДЛЯ HTMLОдним из самых больших достижений человечества, без преувеличения, можно назвать службу WORLD WIDE WEB... Презентация на тему: написание эссе на английском языкеНаписание эссе – распространенное задание, с которым сталкиваются те, кто изучает английский. Часто эссе используются в качестве домашних заданий, части тестов, и, конечно, в качестве одного из ... ![]() ЯЗЫК РАЗМЕТКИ ГИПЕРТЕКСТА HTML. РЕДАКТОРЫ ДЛЯ HTMLОдним из самых больших достижений человечества, без преувеличения, можно назвать службу WORLD WIDE WEB (WWW) - это Всемирная паутина, объединяющая миллионы серверов по всему миру. WWW- все сайты... Презентация на тему "Виды топлива" на английском языке.Данную презентацию можно использовать на занятии английского языка для изучения лексики на тему "Виды топлива" и выполнения заданий на закрепление нового материала... |