Основы языка HTML или с чего я начинала создавать WEB-страницу.

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



Advertisements
Похожие презентации
Web-страницы и Web-сайты. Структура Web- страницы.
Advertisements

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

Основы языка HTML или с чего я начинала создавать WEB-страницу.

Что такое HTML? HTML (от англ. HyperText Markup Language «язык разметки гипертекста») стандартный язык разметки документов во Всемирной паутине. По данным материала Википедии

Из истории развития HTML… Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в годах в стенах Европейского Центра ядерных исследований в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией.

Основные понятия: Тег, иногда тэг, (от англ. Tag) элемент языка разметки гипертекста. Инструкция браузеру, указывающая способ отображения текста. Более правильное название дескриптор.

Любой документ на языке HTML представляет собой набор элементов причем начало и конец каждого элемента обозначается специальными пометками тегами. ТЕГИ Одиночные (или непарные), то есть не содержащими никакого текста и других данных (например, тег перевода строки ) Парные, то есть нужно указать как открывающий тег (например, ), так и закрывающий тег (например, )

Основные понятия: Браузер – программа, которая служит для просмотра текстовых документов, содержащих разметку на языке HTML Google ChromeMozilla Firefox Opera Internet Explorer

C чего начать создавать web-страницу? Шаг 1. Создать папку со своим именем на компьютере.

C чего начать создавать web-страницу? Шаг 2. В папке создать текстовый редактор блокнот.

C чего начать создавать web-страницу? Шаг 3. Открыть окно текстового редактора БЛОКНОТ. Нажать на вкладку файл- сохранить как…

C чего начать создавать web-страницу? Шаг 4. Указать имя файла например, index.htm. Установив в поле Тип файла «все файлы». После чего нажать сохранить

C чего начать создавать web-страницу? Шаг 5. Сохраненный документ отразиться в папке в форме значка браузера. Текстовый документ советую вам удалить

C чего начать создавать web-страницу? Шаг 6. Для того, чтобы начать работать над web-страницей необходимо сохраненный документ открыть с помощью… блокнота

Основы языка программирования. Вид Web-страницы задается тэгами, которые заключаются в угловые скобки ( ). Тэги могут записываться как прописными, так и строчными буквами.

Основные теги HTML. Начало и конец страницы Описание страницы Имя окна заголовка Содержание страницы Переход на новую строку Укрупнение текста

Структура web-страницы. Пусть файл index.htm, содержит такой HTML-код: Научное общество Школьное научное общество учащихся «Альфа» При просмотре в браузере файл будет иметь следующий вид

Заголовки, атрибуты тэгов Заголовок по умолчанию всегда выровнен по левому краю страницы. Однако страница красиво смотрится, если заголовок размещен по центру. Задать тип выравнивания заголовка для тэга заголовка позволяет атрибут ALIGN, которому требуется придать определенное значение. ALIGN=right выравнивание по правому краю ALIGN=center выравнивание по центру ALIGN=left выравнивание по левому краю

Задать правильно отцентровку вам помогут парный тег (или контейнер) …. С их помощью можно выделить не только заголовок, но и целый абзац. При этом для каждого абзаца можно задать определенный тип выравнивания. Заголовки, атрибуты тэгов

Внесем изменения в наш текстовый документ: Научное общество Школьное научное общество учащихся «Альфа» При просмотре в браузере файл будет иметь следующий вид

Форматирование текста Изменить начертание шрифта позволяют следующие тэги: … Жирный … Курсив … Подчеркнутый … Жирный подчеркнутый курсив … Равноширинный … Выделение … Усиленное выделение

Дополним текстовый документ: Научное общество Школьное научное общество учащихся «Альфа»

Форматирование текста !!! Значение атрибута COLOR можно задать - либо значением цвета (например, red, green, blue и т. д.), - либо шестнадцатеричным его значением (найти таблицу цветов можно в интернете, например синий цвет задает #0000FF) Задает размер текущего шрифта FACEЗадает гарнитуру шрифта (например, FACE=Arial) SIZEзадает размер шрифта (например, SIZE=4) COLORзадает цвет шрифта (например, COLOR=blue)