Основы языка HTML
методическая разработка по информатике и икт (9, 10 класс)
В данной презентации "Основы языка HTML" Вы можете найти понятия HTML-документов, тегов и атрибутов. Также как создаются HTML-документы, списки и таблицы HTML-документах. Рассмотреть примеры.
Скачать:
| Вложение | Размер |
|---|---|
 osnovy_yazyka_html.pptx | 127.91 КБ |
Предварительный просмотр:
Подписи к слайдам:
HTML - документ HTML - документ – это обычный текстовый документ , содержащий специальные разметочные указатели (тэги ). HTML -файл имеет расширение . htm или . html
Теги Тэг – инструкция браузеру, указывающая способ отображения текста.
ПРАВИЛА ЗАПИСИ ТЭГОВ Тэг всегда начинается со знака «меньше» (<) и оканчивается знаком «больше» ( >) Например:
Виды тегов Одиночный 2. Парный (контейнер) открывающий < > закрывающий
СТРУКТУРНЫЕ ТЭГИ Всё содержимое файла Интернет-страницы заключается в контейнер < html >…, указывающий браузеру, что данный текст представляет собой HTML-документ и, возможно содержит в себе тэги, которые браузер должен выявить, распознать, интерпретировать.
СТРУКТУРНЫЕ ТЭГИ начало контейнера HTML-документа
начало контейнера заголовкаРассмотрим пример
Списки в HTML- документах
Списки в HTML- документах могут быть следующих видов: Неупорядоченные (маркированные) списки Упорядоченные ( нумерованный) списки Многоуровневые списки
Неупорядоченные (маркированные) списки Например, для того чтобы создать вот такой список: Первый элемент Второй элемент Третий элемент Текст нужно расположить между тэгами < ul > и . А каждый новы элемент начинается с метки
Атрибуты тэга < ul > TYPE определяет вид маркера. Может иметь значения: disk - закрашенный кружок square – закрашенный квадратик circle – не закрашенный кружок По умолчанию используется type=‘’disc’’ Пример написания: < ul type=‘’circle’’>
Упорядоченные ( нумерованный) списки Текст нужно расположить между тэгами < о l> и . Например, для того чтобы создать вот такой список: Первый элемент Второй элемент Третий элемент Необходим следующий HTML- код: < o l >
Атрибуты тэга < o l > TYPE определяет стиль нумерации пунктов. Может иметь значения: А – Нумерация заглавными латинскими буквами а - Нумерация маленькими латинскими буквами I – нумерация большими римскими цифрами i - нумерация маленькими римскими цифрами 1 - нумерация арабскими цифрами START определяет первое число, с которого начинается нумерация пунктов (используйте только целые числа) По умолчанию используется type=‘’ 1 ’’ , start =‘’1’’. Пример написания: < ol type=‘’A’’ st а rt = “3”>
Многоуровневые списки рассмотрите самостоятельно!!!
Таблицы в HTML- документах
Границы таблицы Таблица начинается с тега
| и заканчивается тегом < / td> Атрибуты тега | устанавливает выравнивание ячеек в таблице, принимает значения: left, center, right. | устанавливает вертикальное выравнивание ячеек в таблице, принимает значения: top, middle, bottom. | устанавливает ширину ячейки | устанавливает высоту ячейки | Указывает количество столбцов, которое объединено в одной ячейке ( По умолчанию = 1) | Указывает количество строк, которое объединено в одной ячейке ( По умолчанию = 1) | Не позволяет программе просмотра делать перевод строки в ячейке таблицы Рассмотрим пример Создание гиперссылок Типы ссылок Ссылка на файл < a href = ‘’ Путь к файлу/его название ’’> Ссылка на файл < / a> Ссылка на сайт < a href= "http://название сайт"> Ссылка на сайт < / a > Ссылка на страницу < a href= "http://название сайта/страница"> Ссылка на страницу < / a > Все типы ссылок создаются абсолютно одинаково. Разница только в адресе объекта, на который нужно сослаться. Задание цвета всех ссылок на странице Цвета ссылок задаются в качестве атрибутов тега < body > . link — определяет цвет ссылок на веб-странице . Цвет по умолчанию синий, #0000FF. alink — цвет активной ссылки. Цвет ссылки меняется при нажатии на неё кнопки мыши. Цвет по умолчанию красный, #FF0000. vlink — цвет уже посещенных ссылок. Цвет по умолчанию фиолетовый, #800080. Пример http://www.seoded.ru/beginner/html/giperssilki.html#6 http://htmlbook.ru/content/tsvet-ssylok По теме: методические разработки, презентации и конспекты Обобщающий урок «Разработка Веб-сайтов с использованием языка HTML»Этот урок является заключительном в курсе “Разработка Web-сайтов с использованием языка НТМL” . Он проведится его в форме конкурса. Урок стоит из ...  Тест по теме "Основы языка HTML"Проверочный тест по теме "Основы языка гипертекстовой разметки HTML" для учащихся 9 класса...  Методическая разработка "Основы языка разметки гипертекста HTML" 10 классВ архиве есть файл с конспектом урока и практическая часть "Интерактивные формы". УМК Угринович Н.Д....  Основы языка HTMLВ настоящее время любой пользователь должен уметь представлять свою информацию в Интернет. Можно воспользоваться сервисами, например Ucoz, заполнить шаблоны web-страниц и не владея навыками web-констр...  урок по теме: Основы языка разметки гипертекста HTMLИзучение основ языка разметки гипертекста HTML и использование его при Web-конструировании....  2 Внеурочные занятия 8 класс. Основы языка разметки гипертекста HTMLHTML - это инструмент, используемый для написания основы веб-сайтов.По сути, HTML - довольно простой язык разметки (не язык программирования), состоящий из элементов, которые:-придают различные ...  Основы языка разметки гипертекста HTMLМетодическая разработка урока по информатике для обучающихся 10 класса (базовый уровень) по теме «Основы языка разметки гипертекста HTML» Тема урока: Основы языка разметки г... |