Создаем первую страницу на htmlСегодня хочу поделиться с вами опытом и создадим вместе первую страницу на html. Если вы уже прочли основы создания сайтов. Ознакомились с справочной информацией по тегам. Решили создать свой первый сайт, и уверены в своих силах, тогда начнём. Первым шагом начнём все по порядку. Началом начал есть шапка страници, обще принятый стандарт дтд. С 1 по 4 версии html шапака выгляедла так:
Код html первая версия
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
Код 4 версия
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Разница заметна сразу. И наконец последняя вресия выглядит так:
<!DOCTYPE HTML>
Разница ощутима и заметна сразу, что всё идёт к улучшению, упрощению, к оптимаольному виду. Шапка обязательна и должна содержаться в каждом документе, странице сайта. Далее нам необходимо указать, что это за документ. Для этого просто укажим тег:
<html> //открывающийся код страници
Далее идёт указание кодировки, мета тегов, описания, ключевые слова, заглавие помещённые в специальный тег:
Код тега head
<head></head>
Между этим тегом помещаем следующее указываем кодировку тег пример.
Код тега charset
<meta charset="utf-8">
Далее необходимо указать заголовок страници слудующим образо пример:
Код тега title
<title>Здесь укажим заголовок страници</title>
Здесь же поключам файлы стилей и скриптов если таковые имеются, указываем ключевые слова и описание, пример кода ниже:
<link href="style.css" rel="stylesheet" type="text/css"> // Указываем путь к файлу стилей
<meta name="description" content="описание страници для поисковико"> // Указываем описание страници
<meta name="keywords" content="Ключевые слова"> // Ключевые слова
<script language="javascript" src="jquery/jquery.js"></script> // Пример подключения скриптов обратите внимание на пути!
После закрытого тега HEAD идёт видимая браузерам часть кода которую нужно выводить этого тег BODY именно в нём и размещён весь дизайн сайта который показывает брайзер при открытии страници сайта. После оформления страници обязательно закрываем все теги согласно их иерархии. Ну вот и все основные моменты для начала.