Добрый день уважаемые читатели. Начиная с сегодняшнего дня, я буду публиковать обучающий цикл по html, в ходе которого я буду рассказывать Вам об основах этого языка, расскажу о различных тегах и о том, как их применять.
Для начала я объясню Вам, что же представляют из себя сайты. Сайт - это набор из html-кода, который браузеры представляют в визуальном, понятном человеку виде. Весь код состоит из тегов, обозначаемых <...>, внутри которых пишется содержимое тега. Большинство тегов нужно закрывать, т.е. в конце писать тот же тег, но уже в виде </...>. Всего тегов не так много, но нужно запомнить все их, при этом помня, что каждый из них делает и как их правильно расставлять, чтобы браузер все воспринимал так, как надо Вам.Теги могут писаться в любом виде: в строчку, в столбец, вразнобой. От того, как вы разместите их, не будет зависеть, как их воспримет браузер, следовательно как писать:<div>...</div> или
<div>
...
</div>
зависит от ваших предпочтений.
Ну что же, давайте рассмотрим основные теги, за счет которых сайт становится сайтом:
<html> Тег-родитель сайта. Без этого тега ваш браузер будет воспринимать все остальные теги как обычный текст, поэтому первым делом вы должны писать именно его.
<head> Голова вашего сайта. В данном теге пишутся название сайта, ссылки на иконку сайта и скрипты, которые потом вы можете использовать для придания вашему сайту красоты либо добавления в него некоего функционала. В основном все скрипты (Javascript, PHP) а так же CSS (нужен для редактирования внешних характеристик сайта) пишутся вне сайта и подключаются к нему с помощью отдельных тегов, но иногда, когда сайт небольшой, все помещают в тег <head>.
<body> Тело вашего сайта. В этом теге вы и будете писать почти весь код. В него помещаются абсолютно все содержимое сайта. Больше сказать про него ничего не могу, потому что, по сути, в этом теге и будет весь ваш сайт.
<!Doctype> Ещё один тег, который добавляется на страницу, но не столь важный. Данный тег определяет тип документа. Объясню. Основной язык html, но существуют различные его версии, а именно html4 (на котором в данное время пишутся большинство сайтов), html5 (новый тип, активно развивающийся) и xhtml (расширенный язык разметки гипертекста). Чтобы браузер смог правильно воспринимать тот язык, который вы используете, в теге доктайп вы должны указать нужный вам вид языка, например для html4 пишется
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Для html5:
<!DOCTYPE html>
Для xhtml:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Данный код пишется перед (!) тегом <html>.
Основные теги, которые будут "создавать" ваш сайт я описал. В следующей своей статье я напишу про 3 способа верстки сайтов.
Подписаться на:
Комментарии к сообщению (Atom)
Комментариев нет:
Отправить комментарий