Создание сайта
Часть 1
Когда я только начал знакомиться с языком HTML, я нашёл много информации по этому поводу, но во многих справочниках было много левой информации по истории и т.д. и мало где было подробное описание по
созданию страницы с подробнейшими примерами. Я решил для вас написать всё предельно просто, далее я подробно опишу создание несложной страницы с подробными примерами. Вы также сможете взять
это за основу всех последующих ваших страниц, нужно будет просто в мои примеры вставить свои мысли(цвета , шрифты, ваш текст и т.д.)
Начнём!!!
Для начала скажу, что язык HTML состоит из тегов (например <BR> -тег окончания строки). Теги бывают парными и непарными. Парные теги - это теги для которых необходим закрывающий тег. Закрывающий тег это тот же тег только в начале у него находится "/"(например
для тега <center>(тег выравнивания по середине) требуется закрывающий тег </center>).Закрывающий тег </center> помещается после текста или фрагмента страницы который вы выравнивали, а открывающий перед началом этого текста или фрагмента. В открывающем теге чаще всего ещё содержатся
атрибуты(например для тега <font> существует много атрибутов(например color=)) выглядит это так <font color=`red`>здесь ваш текст, в теге он указан как красный</font>, ниже я опишу атрибуты для разных тегов.
Непарные теги(например <br>) не имеют закрывающих тегов.
Всё, приступаем к созданию страницы!!!
Создаём страницу
Создавать страницу вы можете в простейшем блокноте(моя любимая прога для создания Web страниц. После написания в нём вашей странички просто сохраняете её например "stranica.html"(без кавычек) окончание названия обязательно должно быть ".html"(без кавычек),
потом просто открываете это ваше сохранение(иконка будет выглядеть в стиле Internet Explorer(если вы им пользуетесь)), хотя существует много специальных прог.
В самом начале страницы прописываете тег <html>, а в самом конце его закрывающий тег </html>.
Краткая и простейшая структура вашего сайта -
<html>
<head>
<title>здесь ваш заголовок который будет стоять в верхней строчке(заголовке) вашего браузера<title>
</head>
<body>здесь находятся основная часть тегов, а также ваш текст(сами
теги на странице невидны - это служебная информация для браузера)
</body>
</html>
Вот и готово некое подобие страници, сохраните это как например "proba.html"(без кавычек) или вместо "proba" введите своё имя. И посмотрите что получилось!!!
Дальше будут описаны теги которые уже помогут сделать настоящую страницу, а в самом конце статьи для вашего удобства подробный html код страницы.
Между тегами <head> и </head> должен располагаться тег <META>(он не парный).
META теги - очень удобные и нужные теги. Часто про них просто забывают считая, что они не нужны. А зря, по этим тегам многие поисковики индексируют(вносят в свою базу) вашу страницу и правильное их заполнение сможет поднять ваш сайт намного выше в результатах поиска, а
соответственно и рейтинг вашего сайта вырастет. Ниже этот тег подробно написан, скопируйте то что написано ниже в html код вашей страницы между тегами <head> и </head> дописав что там требуется
<META NAME="keywords" CONTENT="здесь впишите ключевые слова вашего сайта через запятую(во всех атрибутах тегов после знака "=" если находятся фразы с пробелами, то обязательно они должны стоять в кавычках)">
<META NAME="subject" CONTENT="главная тема вашего сайта, выраженная несколькими словами">
<META NAME="description" CONTENT="здесь нужно написать небольшое описание страницы">
<META NAME="content-language" CONTENT="Russian">
<META NAME="reply-to" CONTENT="ваш e-mail(это указывает на авторские права)">
Вот и записали основные META теги!!!
Теперь мы дошли до атрибутов тега <body> у него много атрибутов, я опишу основные например: <BODY vLink=black aLink=white link=red
background="здесь адрес рисунка для фона">
Атрибуты для этого(<body>) тега:
bgcolor :
устанавливает цвет фона документа, используя значение цвета в виде RRGGBB (например:FF0000 - красный цвет), или используя константы цвета (например red - красный цвет), выглядит примерно так: <body bgcolor="red">
background :
указывает на url-адрес изображения - фона документа, например: <body background="bobik.jpg">
text: указывает цвет текста в документе, например: <body text=`red`>
link:
устанавливает цвет гиперссылок, например: <body link="red">
vlink:
устанавливает цвет гиперссылок на которых вы уже побывали, например: <body vlink="black">
alink:
устанавливает цвет гиперссылок при нажатии, например: <body alink="yellow">
Всё это вместе выглядит например так: <BODY bgcolor="yellow" text="green" link="red" alink="blue">
Продолжение в следующей части
|
