-
17 Окт 2010
-
Уроки HTML. Урок1
Для того кто впервые столкнулся с понятие язык HTML я скажу в вкратце следующее:
1. Это придумали для того, чтобы пользователь интернета открыв в своем браузере интернет страничку видел ее содержимое, так же как и миллион других пользователей интернета не взирая на их операционные системы, браузеры и шрифты установленные на машине.2. Максимальная оптимизация интернет пространства для поиска, содержания и передачи информации.
Хочу Вас заверить, что язык HTML не сложный, даже учитывая что в нем много тонкостей, всякий человек владеющий английским языком разберется с большинством вопросов без предварительной подготовки.
Прежде всего, создадим текстовый документ (блокнот) и назовем его index, а разрешение (тип) изменим из .txt на .html
Давайте начнем. Всякая страница интернета содержит HTML теги. Вот например самые основные:
● <HTML> – Документ создан на HTML.
● <HEAD> – Вводная и заголовочная части HTML-документа.
● <BODY> – Разделяет основной текст документа и информацию.
Внешне эти теги не изменят эту страницу, но они необходимы для поисковых систем и браузеров для нормального опредиления. Все теги должны начинаться и заканчиваться. Для этого используется такой символ как “/”
<HTML> и </HTML>. В результате написание такого сочетания тегов, браузер понимает, что между ними текст HTML (Hyper Text Markup Language) – Язык гипертекстовой разметки.
Следующий этап – это работа с тегами <HEAD> и </HEAD>.
Вводим их (<HEAD> и </HEAD>). между тегами <HTML> и </HTML>, и они отметят информацию документа, что служит названием.
Делаем это так:
● <TITLE>Design LAB</TITLE> – Заголовок нашей странички мы вводим между этими тегами.
Если мы создали документ в блокноте или другом простом текстовом редакторе – необходимо вставить эту строчку:
● <META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=windows-1251″>
Если вы все делали верно, то наш текст сейчас выглядит так:
Но напоминаю Вам, что открыв ее в браузере, мы все еще ничего не увидим.
Если Вы обратили внимание, перед некоторыми тегами я оставил свободное место. Представьте себе заполненную страницу, которая содержит 100 разного рода тегов. Да в таком документе даже профессионал потеряется, и очень долго будет разбираться, где какой тег начинается и где же он заканчивается. Поэтому подобный способ написания тегов весьма удобный в чтении.
Следующим нашим тегом будет <BODY> и </BODY>. Он меняет стиль страницы, в зависимости от того что нам нужно. Вот например я захотел, чтобы на страничке черного цвета писать белыми буквами. Дополним этот процесс добавлением ссылки и немножко усложним (ссылку сделаем светло-зеленым цветом)
Как это сделать я сейчас покажу:
Ну чтобы все было понятно, эти теги означают следующие:
● BGCOLOR=”BLACK“ – фон – черный.
● TEXT=”WHITE“ – текст белый.
● LINK=”LIME“ – цвет непосещенной ссылки – салатовый.
● VLINK=”LIME“ – цвет посещенной ссылки – салатовый.
● ALINK=”LIME“ – цвет локальной ссылки – салатовый.
Теперь наша страница готова до заполнения текстом. Нам надо сделать ссылку на страницу, что содержит информацию о создателе сайта. Вот что нужно сделать:
Нажимаем кнопку “Сохранить”, и открываем наш файл с помощью браузера.
Мы видим нужный результат:
Если Вы не верите нажмите на надпись и попадете на страничку с доказательствами (которые вы заранее подготовите:)
Всевозможные теги и их значение вы найдет в справочниках по HTML. Я просто научил Вас с ними работать и грамотно писать