Презентация, доклад на тему Практическая работа Обязательные метки HTML

Тема: Разработка WEB - САЙТОВЗанятие 1. Язык разметки гипертекста HTML

Слайд 1HTML

HTML

Слайд 2Тема: Разработка WEB - САЙТОВ
Занятие 1.
Язык разметки гипертекста HTML

Тема: Разработка WEB - САЙТОВЗанятие 1. Язык разметки гипертекста HTML

Слайд 3Для создания Web-страниц используется язык разметки гипертекста HTML (Hyper Text Markup

Languagt), созданный Тимом Бернесом – Ли в 1989 г. Код страницы - набирается в любом текстовом редакторе (блокноте) или специальной программе (Homepage Builder) и - оформляется с помощью команд языка HTML. - Тестируется html – файл с помощью любого браузера.
Web – страницы (html – файлы) имеют формат (должны иметь расширения) *.htm или *.html.
Команды HTML задаются с помощью специальных элементов – тэгов, которые заключаются в угловые скобки. Прописные и строчные буквы при написании тэгов не различаются!
Существуют два типа тэгов: - непарные, например,
-тэг перевода строки; - парные, например, мама - выделение слова «мама» полужирным шрифтом.
Признаком окончания действия парного тэга служит слэш /
Программы, написанные на языке HTML, имеют определенную стандартную структуру:
Для создания Web-страниц используется язык разметки гипертекста HTML (Hyper Text Markup Languagt), созданный Тимом Бернесом – Ли

Слайд 4Рассмотрим пример sp1.html


Пример 1


Привет!
Это простейший

пример HTML-документа.


Этот *.html-файл может быть одновременно открыт и в браузере и изменен в блокноте, просто нажмите 'перезагрузить', чтобы увидеть эти изменения реализованными в HTML-документе.




Рассмотрим пример sp1.html Пример 1  Привет! Это простейший пример HTML-документа. Этот *.html-файл может быть одновременно открыт

Слайд 5Обязательные метки HTML

Обязательные метки  HTML

Слайд 6 ...
Метка должна открывать HTML-документ. Аналогично, метка

должна завершать HTML-документ.
...
Эта пара меток указывает на начало и конец заголовка документа. Помимо наименования документа в этот раздел может включаться множество служебной информации.
...
Все, что находится между метками и , толкуется браузером как название документа. Рекомендуется название не длиннее 64 символов.
...
Эта пара меток указывает на начало и конец тела HTML-документа, каковое тело, собственно, и определяет содержание документа.

...

...

Метки вида (где i — цифра от 1 до 6 – размер шрифта) описывают заголовки шести различных уровней. Заголовок первого уровня — самый крупный, шестого уровня, естественно — самый мелкий.

...


Такая пара меток описывает абзац. Все, что заключено между

и

, воспринимается как один абзац.
... Метка должна открывать HTML-документ. Аналогично, метка должна завершать HTML-документ. ... Эта пара меток указывает на

Слайд 7Привет!
Это простейший пример HTML-документа.
Этот *.html-файл может быть одновременно открыт и в

браузере и
изменен в блокноте, просто нажмите 'перезагрузить',
чтобы увидеть эти изменения реализованными в HTML-документе.

Результат выполнения программы

Привет!Это простейший пример HTML-документа.Этот *.html-файл может быть одновременно открыт и в браузере и изменен в блокноте, просто

Слайд 8 Практическое задание:
Просмотрите и законспектируйте обязательную последовательность тегов языка HTML из

пример.
Закройте презентацию
Откройте текстовый редактор «Блокнот»
Пуск – Программы – Стандартные – Блокнот
Наберите текст программы HTML документа (или скопируйте его в блокнот)и сохраните его с именем SP1.html
Откройте файл SP1.html программой Internet Explorer или другим Браузером.
Вернитесь в Блокнот. Добавьте свое имя, класс, имя классного руководителя в текст файла sp1.html вводимый текст должен располагаться между тегами начало и конец абзаца


В следующем абзаце добавь свой адрес, домашний телефон, имя родителей, друга (подруги)…
Повторно проверьте результат.
Практическое задание:Просмотрите и законспектируйте обязательную последовательность тегов языка HTML из пример.Закройте презентациюОткройте текстовый редактор «Блокнот»	Пуск –

Что такое shareslide.ru?

Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.


Для правообладателей

Яндекс.Метрика

Обратная связь

Email: Нажмите что бы посмотреть