Презентация на тему Основы html

- язык разметки гипертекста. Отнести HTML к языкам программирования

можно лишь с большой натяжкой, это все-таки язык РАЗМЕТКИ. Из названия становится понятным его предназначение - указывать браузеру, как разместить элементы на странице при ее отображении на экране монитора.

Да все, что мы размещаем: текст, рисунки, анимации и

т.д. С помощью HTML мы можем указать браузеру где именно их разместить; какой текст сделать большим и жирным, а какой - маленьким курсивом; где начать новую строку, а где сделать переход на другую страницу. И многое другое.
Например,



В данном случае, символы и  - делают текст жирным, а символы  - курсивом. Такие символы составляют основу html, они называются ТЕГАМИ. Между < и > находится имя тега и его параметры (если они есть).

парные, т.е. один открывающий , а другой - закрывающий

. Такая пара тегов называется контейнером. А все, что находится между ними - содержимым контейнера. Действия тегов распространяются только на их содержимое. Бывают также теги одиночные, т.е. не требующие закрытия. Такие теги просто совершают определенное действие, например, перевод строки или вставку рисунка.

(или атрибуты), например, Здесь содержимое


В данном случае тег

имеет параметр bgcolor, значение которого равно "red". Переводя на человеческий язык - сделать фон документа красного цвета. По сути, HTML - это набор тегов и их параметров. Их изучению и посвящены наши дальнейшие уроки.

впрочем, можно назвать ее как угодно.
В системном меню Start или Пуск заходим в

раздел Программы (All Programs), открываем папку Стандартные (Аccessories), выбираем Блокнот   . Конечно же, это не единственное средство для написания кода, но на этом этапе вам нужен именно он.

структуры документа:
HTML структура документа Мой первый заголовок Мой первый параграф Мой второй

параграф

 – обязательные, определяют HTML документ.
 – определяют секцию со служебной информацией,

содержат инструкции для поисковиков, для браузеров, скрипты.
 – определяют основной заголовок web - страницы.
 – обязательные, определяют видимую часть документа.

 – определяют заголовок 3-го уровня.

 – определяют параграф.

Пишeм в Блокноте код HTML страницы:

as (Файл ⇒ Сохранить как), находим нашу папкуD\My_first_site\ ⇒ прописываем имя файла: (File

name) index.html (index – это имя, .html – расширение файла) ⇒ сохраняем.

(Internet Explorer) или другой установленный по умолчанию браузер. В

его меню пробуем найти и открыть сохраненный на компьютере файл index.html. Найти и открыть файл в любом браузере можно также в окошке, которое появится после набора на клавиатуре комбинации из двух клавиш: Ctrl и O – удерживаем Ctrl и после этого жмем латинскую буквуO.

показаны только участки кода, но в своих экспериментах не

забывайте прописывать его целиком, по шаблону из первого урока и после каждого изменения в документе обновляйте web-страницу, нажатием F5.

познакомились с HTML заголовком 3-го уровня – всего их 6:
HTML заголовок

1-го уровня

HTML заголовок 2-го уровня

HTML заголовок 3-го уровня

HTML заголовок 4-го уровня

HTML заголовок 5-го уровня

HTML заголовок 6-го уровня

следующее: чем меньше цифра, тем больше размер шрифта.

думаю понятно, к тому же, они используются поисковыми машинами

для анализа содержимого web-страниц.
HTML заголовок определяет название отдельной статьи или web-страницы.
В идеале страница должна иметь не более одного HTML заголовка 1-го уровня, не более двух второго уровня и так далее.
HTML заголовки, независимо от того, что каждому уровню соответствует определенный размер, могут быть любых размеров – с помощью CSS возможно какое угодно форматирование.

заголовок слева
HTML заголовок по центру
HTML

заголовок справа