Полезное:
Как сделать разговор полезным и приятным
Как сделать объемную звезду своими руками
Как сделать то, что делать не хочется?
Как сделать погремушку
Как сделать так чтобы женщины сами знакомились с вами
Как сделать идею коммерческой
Как сделать хорошую растяжку ног?
Как сделать наш разум здоровым?
Как сделать, чтобы люди обманывали меньше
Вопрос 4. Как сделать так, чтобы вас уважали и ценили?
Как сделать лучше себе и другим людям
Как сделать свидание интересным?
Категории:
АрхитектураАстрономияБиологияГеографияГеологияИнформатикаИскусствоИсторияКулинарияКультураМаркетингМатематикаМедицинаМенеджментОхрана трудаПравоПроизводствоПсихологияРелигияСоциологияСпортТехникаФизикаФилософияХимияЭкологияЭкономикаЭлектроника
|
Структура HTML документа
Тэгов много, и они разные. Но среди них есть несколько, которые являются обязательными. Обязательные тэги, это такие тэги, которые вы всегда должны прописывать для каждой своей страницы. Пример: <html> <head> <title> Название документа </title> </head> <body> Содержимое документа </body> </html> <html> </html> - обозначает начало и конец любого html-документа; Все тэги, расположенные между <head> </head>, это что-то вроде служебной информации. Например <title>- заголовок. Зачем он? Откройте IE (Internet Explore) с нашим документом и устремите свой взгляд на заголовок окна... Увидели? Все тэги, расположенные между <body> </body> - непосредственное содержание документа. Следующие несколько ступенек будут посвящены именно этим тэгам: мы узнаем, как менять цвет текста, фона, как делать текст крупнее-мельче, поговорим о картинках и многом другом. Заголовок html-документа (<head> </head>) Теперь давайте немного поговорим о том, что должно быть в заголовочной части страницы, - о тэгах <title>, <meta>. Тэг <title> (контейнерный </title>) определяет название документа. Это единственный обязательный элемент заголовочной части документа. Вы можете его увидеть в самом верху окна браузера. Сразу позаботьтесь о продуманных, отражающих содержание названиях (избегайте присваивать названия типа <Моя страница>, или <Добро пожаловать>, или <Домашняя страница>). Это может существенно усложнить поиск вашей странички через поисковые системы в Интернете. Тэги <meta> (одиночный тэг) используют для предоставления поисковым машинам информации о документе, состоящей из ключевых слов и описания документа. Информация, находящаяся в тэгах <meta>, невидима для посетителя страницы. Метаинформацию всегда размещают в разделе <head> документа. Здесь может находиться любое количество тэгов <meta>. Структура метатэгов: <meta name="keywords" content="слово1, слово2, слово3"> <meta name="description" content="Краткое описание страницы"> Тело html-документа (<body> </body>) В теле документа размещается информация, которую вы видите в окне браузера, - абзацы текста, списки, графические изображения, гипертекстовые ссылки, таблицы... Для начала создадим основу нашей будущей странички. Для этого создайте у себя на компьютере отдельную папку, все создаваемые вами документы помещайте туда. Теперь откройте блокнот - notepad (start - programs - accessories - notepad или пуск - программы - стандартные - блокнот) и скопируйте туда следующий текст: <html> <head> <title> Моя первая страничка </title> </head> <body> Здравствуйте, это моя первая страница. <br> Добро пожаловать! </body> </html> Сохраним этот документ, присвоив ему имя *.html. Чтобы в дальнейшем избежать недоразумений, сделаем примечание: Сохраняйте ваш документ следующим образом: · Файл -> Сохранить Как (File -> Save as) · Дальше вводите имя своего документа, например: index.html (а не просто index; расширение.html должно быть обязательно указано). · Если вы уже сохранили ваш документ, как *.html, то при внесении изменений в этот документ вы можете уже сохранять их через Файл -> Сохранить (File -> Save). Теперь откроем браузер, допустим, Internet Explorer (не закрывайте блокнот, он нам еще пригодится), и откроем в браузере наш документ. Файл - Открыть - кнопка Обзор - Наш документ (index.html)/File - Open - Browse - index.html. Если мы что-то изменим в нашем *.html документе (в блокноте), то, чтобы посмотреть, как это выглядит в нашем браузере, надо не забывать нажимать в браузере кнопку ОБНОВИТЬ. Если изменений не видно, то это значит, что вы где-то что-то неправильно написали, или забыли сохранить документ. Теперь рассмотрим атрибуты тэга <body>: · BGCOLOR - цвет фона (<body bgcolor="#CCCCCC">); · BACKGROUND - "обои" или бэкграунд (т.е. картинка на заднем фоне, доступны только 3 формата картинок: *.gif, *.jpg, *.bmp); · TEXT - цвет текста; · LINK - цвет гипертекстовой связи (ссылки); · VLINK - цвет ссылки, уже посещенной в прошлом; · ALINK - цвет активной ссылки Флаги, служащие для форматирования текста. Пример: <body text="#000066" bgcolor="#CCCCCC"> Мы определили цвет текста во всем документе синим, а цвет фона - серым. Date: 2015-08-15; view: 437; Нарушение авторских прав |