Основы языка HTML презентация

Содержание

Особенности HTML-документов Web - Web - редакторы Основные тэги Основные тэги HTMLОсновные тэги HTML - документов Список цветов Форматирование текста Таблицы Web - Web - обозреватели СОДЕРЖАНИЕ ПР№1 ПР№2 Основы форматирования

Слайд 1Основы
языка HTML


Слайд 2Особенности HTML-документов
Web - Web - редакторы
Основные тэги Основные тэги HTMLОсновные тэги

HTML - документов

Список цветов

Форматирование текста

Таблицы

Web - Web - обозреватели

СОДЕРЖАНИЕ

ПР№1

ПР№2

Основы форматирования Основы форматирования html-Основы форматирования html-документа

Основы языка Основы языка html


Слайд 3HTML
(Hyper Text Markup Language, язык разметки гипертекста)
это язык

Всемирной паутины.

форматирование текстовой части осуществляется с помощью команд, задающих стиль шрифта, заголовков и кадров;
имеется возможность включения рисунков, диаграмм, анимации, видеоклипов, музыкального и речевого сопровождения, текстовых спецэффектов (бегущая строка), гиперссылок;
с помощью команд языка можно создавать таблицы и форматировать текст вручную;
возможно включение интерактивных компонентов, таких как заполняемые формы и программы, работа с которыми требует участия самого пользователя.
имеется возможность создания карт-изображений, содержащих активные области; эти области являются гиперссылками, указывающими на различные Web-документы.

Основные особенности языка HTML:



Слайд 4default.htm или index.htm
Web-страница –
документ, написанный на HTML,
формата *.htm

или *.html

Web-сайт-
это набор Web-страниц,
подчиненных общей тематике и объединенных в единое целое.

http://www.somesite.ru/somepage.html

http://www.somesite.ru/somefolderl/somefolder2/somepage.html

http://www.somesite.ru


В меню


Слайд 5MS Internet Explorer
Mozilla Firefox
Netscape Navigator
Opera
Safari
Наиболее популярные Web-обозреватели:

В меню


Слайд 6
HTML-редакторы
Редакторы тэгов
WYSWYG-редакторы
Блокнот,
WordPad,
MS Word
и любые другие
программы,
работающие в
текстовом режиме
специальные

редакторы
документов HTML:
MS Front Page,
Namo Web-Editor,
Macromedia Dreamweaver


В меню


Слайд 7Особенности HTML-документов
= = =
HTML-документ не является обычным текстовым документом.
От простого

текстового файла HTML-документ отличает
присутствие кодов разметки, которые называются тегами.

Тэги заключаются в угловые скобки < и >,
конечный тэг всегда снабжён косой чертой /.

HTML- коды не чувствительны к регистру, то есть


В меню


Слайд 8Основные теги HTML-документов
К обязательным относятся

теги, указывающие на то, что документ


является HTML-документом;

теги заголовков;

теги, делящие документ на логические
части.

Тэги бывают

начальными (открывающими)
конечными (закрывающими, начинаются со знака "/").






Слайд 9Правильный пример
самого короткого HTML-документа:

В меню


Слайд 10Основы форматирования HTML-документа
Текстовые блоки



Слайд 13
В меню


Слайд 14 RGB-коды:
#FFFFFF – белый
#FF0000 – красный
#00FF00 – зелёный
#0000FF – синий
#000000 –

чёрный

Список цветов символов HTML:

aqua - бирюзовый
black - чёрный
blue - синий
gray - серый
green - зелёный
lime – ярко-зелёный
silver – светло-серый
teal – ярко-голубой

maroon – тёмно-красный
white - белый
navy – тёмно-синий
olive - оливковый
purple - фиолетовый
red – красный
yellow - жёлтый
fuchsia – ярко-фиолетовый

Дополнительные цвета:
brown - коричневый
orange - оранжевый
cyan – оттенок бирюзового
pink – розовый


В меню


Слайд 15Основы форматирования HTML-документа
Форматирование текста



Слайд 17Я сильный, но легкий.
Подчеркнутый текст
Лена +

Вася Коля = Love


Текст с увеличенным словом


Небоскребы, небоскребы, а я маленький такой.


Microsoft TM


X1 = B1 + C1





Слайд 18В меню


Слайд 19Включение таблиц в HTML-документ
Элементы для создания таблиц



Слайд 20

a

b
c


A
B
C

















Заголовок таблицы
a b c
A B C



Слайд 21Параметры элементов TABLE, TR и TD
Параметры элемента TABLE


Слайд 22Параметры элементов TABLE, TR и TD
Параметры элемента TR


Слайд 23Параметры элементов TABLE, TR и TD
Параметры элемента TD
В меню


Слайд 24ПР №1
В меню


Слайд 25ПР №2
В меню


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

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

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

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

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


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

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