Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Marina / часть 2 / Пошаговое создание сайта в HTML.pptx
Скачиваний:
31
Добавлен:
18.05.2015
Размер:
1.2 Mб
Скачать

ОСНОВЫ HTML

Общие сведения WWW и HTML

• Теги HTML

Структура HTML -документа Форматирование

Определение функциональных разделов документа

Управление стилем шрифта

Определение элементов фразы

Создание списков

Гипертекстовые ссылки Мультимедиа и HTML

Рисунки

Мультимедийные объекты

Создание таблиц

ТЕГИ HTML

Теги – коды HTML, с помощью которых выполняется разметка текста

Тег представляет собой набор символов между угловыми скобками < … >

Регистр букв в тега не имеет значения

Теги, воздействующие на часть документа бывают открывающие и закрывающие : <…> … </…>

Теги, дающие разовый эффект в месте их появления в закрывающей части не нуждаются

Если использован тег, отсутствующий в HTML или не поддерживаемый браузером, он игнорируется

ПРИМЕРЫ ТЕГОВ

<Title>

<Body>

</A>

<TABLE>

<IMG>

</Center>

ПРИМЕРЫ ПАРНЫХ ТЕГОВ

<HTML> </HTML>

Тег является контейнером, который заключает в себе все содержимое веб-страницы, включая теги <head> и <body>.

<B> </B>

Устанавливает жирное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание

<HEAD> </HEAD>

Тег предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными. Также внутри контейнера <head> находятся метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем.

<H3> </H3>

• Устанавливает заголовок третьего уровня.

<ADDRESS> </ADRESS>

Тег предназначен для хранения информации об авторе и может включать в себя любые элементы HTML вроде ссылок, текста, выделений По умолчанию текст внутри контейнера <address> отображается курсивным начертанием.

ПРИМЕРЫ ОДИНОЧНЫХ ТЕГОВ

<BR>

Тег устанавливает перевод строки в том месте, где этот тег находится. В отличие от тега абзаца <p>, использование тега <br> не добавляет пустой

<HR>

Рисует горизонтальную линию, которая по своему виду зависит от используемых параметров

<META>

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

АТРИБУТЫ ТЕГОВ

Открывающие теги могут содержать атрибуты, влияющие на эффект,

производимый тегом

это дополнительные ключевые слова, отделенные от содержимого тэга и друг от друга пробелами

значение отделяется от атрибута знаком =

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

Закрывающие теги никогда не имеют атрибутов!

ПРИМЕР ТЕГА С АТРИБУТАМИ

<BODY BGCOLOR=“#000000” TEXT=“#FFFFFF” BACKGROUND=“RAIN.JPG”>

СТРУКТУРА HTML -ДОКУМЕНТА

Структура HTML- документа строго фиксирована:

начинается с <HTML> и заканчивается </HTML>

cостоит из раздела заголовков и тела документа

раздел заголовков ограничен тегами <HEAD> </HEAD>

между ними помещают, например заголовок документа между тегами <TITLE> и </TITLE>

сам текст документа располагается в

его теле и ограничивается тегами

Создайте папку, назовите её своим именем и фамилией.

Откройте Notepad++ и введите в новый документ следующий код:

<HTML>

<HEAD>

<TITLE> Моя первая страничка </TITLE> </HEAD>

<BODY> Привет всем! Смотрите - это моя первая Web- страничка!

</BODY>

</HTML>

Соседние файлы в папке часть 2