Урок «Знакомство с созданием сайта через блокнот – язык HTML»

Презентация:



Advertisements
Похожие презентации
О.Б.Богомолова Web-конструирование на HTML, 2008 г. ГОУ СОШ 1909 г. Москвы учитель Пакульских Е.В.
Advertisements

Структура HTML- документа. Терминология Элемент - конструкция языка HTML. Это контейнер, содержащий данные и позволяющий отформатировать из определенным.
Уроки сайтостроения «Структура html- документа». Что такое Интернет? Интернет, словно город, состоит из домиков – сайтов, которые, в свою очередь, состоят.
Основы HTML. HTML (Hyper Text Markup Language) язык разметки гипертекста Web-страницы.
Язык разметки гипертекста HTML. Язык разметки гипертекстовых документов HTML (HyperText Markup Language). Если Вы хотите стать Web - дизайнером, то вы.
Web-страницы и Web-сайты. Структура Web- страницы.
Язык разметки гипертекста HTML Учитель информатики МОУ СОШ 5 г.Сегежи В.В.Меньшиков.
Презентация учителя информатики и ИКТ Вакатовой Ирины Владимировны Урок 2. Элементы HTML Презентация учителя информатики и ИКТ Вакатовой Ирины Владимировны.
Выполнил: Мирмахмудова Мумтозахон Проверила:. Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут.
Урок по информатике Разработка учителя информатики средней школы 1 г. Приволжска Твельневой Т.А. Создание Web-страницы Цель урока: познакомить учащихся.
Автор: Пилишкина Надежда Васильевна. HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены.
РАЗРАБОТКА WEB-САЙТОВ.. Создание Web-сайтов реализуется с помощью языка разметки гипертекстовых документов HTML. Тэги – инструкции браузеру, указывающие.
HTML – язык гипертекстовой разметки документов (Hyper Text Markup Language)
Web-документ (или Web-страница) - это гипертекстовый документ, содержащий в себе ссылки на различные информационные ресурсы: другие Web-документы, графические,
HTML УРОК 1 Пищита Е.В.. СОДЕРЖАНИЕ УРОКА HTML документ Структура простого html документа Теги Создание HTML документа Заголовки. Тег Размер шрифта. Тег.
Знакомство с языком HTML Гипертекст – это электронный документ, который содержит гиперссылки на другие документы. Гипертекстовый документ предназначен.
Азы языка HTML. Урок первый.. Что такое HTML? Термин HTML (HyperText Markup Language) означает "язык маркировки гипертекстов". Первую версию HTML разработал.
Познакомиться с понятием Web-страница; Познакомиться с понятием «тэг» Познакомиться со структурой программы на языке НТМL Познакомиться с тэгами форматирования.
Структура HTML-документа HTML – язык разметки гипертекстовых документов.
Транксрипт:

Урок «Знакомство с созданием сайта через блокнот – язык HTML»

Из чего состоит сайт Команды в треугольных скобках называются html теги, например - это тег. Теги делятся на: Парные (html теги имеют открывающий и закрывающий тег.) Например, - открывающий, - закрывающий. Непарные. Отличаются они только наличием или отсутствием символа /.

Пример Это минимальный набор html тегов, который присутствует в любом сайте. Название страницы моего первого сайта Содержимое моего сайта. Я прохожу уроки создания сайта.

Тег начинается html документ. Его закрывающий тег указывает, что html документ завершен. Далее, пара тегов. Это голова сайта, шапка. Другая пара - между этими тегами пашется заголовок страницы, название. Пара html тегов. Это тело сайта. Между этими тегами пишется все основное содержимое сайта.

Порядок тегов В самом начале документа пишется тег, а в самом конце, все остальное между ними. Пара тегов, должна стоять между тегами. Само содержимое сайта, должно находиться между html тегами.

Картинки html Но для начала изучим новую пару тегов, это, нужны они для выравнивания по центру. Выровнять можно все, что угодно, можно картинки html, а можно и все, что есть на сайте. Вставка картинки тег, заметьте, что это непарный тег. Чтобы компьютер знал, какую именно html картинку нужно вставить, необходимо прописать параметр src= в теге, а в значении параметра указать путь к картинке html. То есть, должно получиться так, при условии, что картинка находиться в той же папке, что и страница.

Название страницы моего первого сайта Содержимое моего сайта. Я прохожу уроки создания сайта.

Обратите внимание, что перед картинкой html есть два тега, они нужны, чтобы картинка располагалась на две строчке ниже текста.

html текст, а точнее его форматирование Зачастую при создании сайтов приходится форматировать html текст, то есть изменять какие-то его фрагменты, иначе текст будет выглядеть скучно и плохо восприниматься. Тег. Выделяет фрагмент текста жирным. Этот тег является парным, то есть html текст который должен быть выделен жирным, необходимо заключить между тегами. Для курсива используется аналогичный тег. Он тоже является парным. Заключите html текст между парой и он будет выделен курсивам.

можно одновременно выделить html текст и жирным и курсивом При этом нужно соблюдать правила вложенности. Пример, html теги текст. Правила вложенности должны соблюдаться не только при форматировании текста, о них нужно помнить всегда, на протяжении написания сайта. Запомнить эти правила легко, они схожи с принципом матрешки. Одна пара тегов лежит в другой паре html тегов.

html текст и изменение шрифта Выделите html текст тегом. Заметьте, что серия тегов - является парной. Текст в тегах будет самым большим, а текст в тегах самым маленьким.

Практика создайте мини-сайт Дома учить теги

Ссылки html На ПО