ВНИМАНИЕ! ЧТОБЫ ИЗБЕЖАТЬ ГНЕВНЫХ КОММЕНТАРИЕВ, КОМУ ЭТО НЕ ИНТЕРЕСНО ПРОСЬБА НАЖАТЬ КРЕСТИК. СПАСИБО.
Кому интересно читайте.
Многие задавались вопросом вот мы сидим, общаемся, а как все делается нам пофиг.
Эти азовы может понять даже 1 классник.
Ну чтоже тем кому не знакомо все сайты делаются на языке HTML тоесть на нём делается основа. CSS уже посложнее(Каскадная таблица стилей) если наш админ Дима её осилит то он сможет написать свой стиль форума(если захочет) JS(JavaScript) на нём делаются разные скрипты, спойлеры, кнопки) если бы не JavaScript то у нас не было и спойлера(вверх вниз) наше радио и т.д
Я объясню только HTML
Ну чтоже. Сначала откройте блокнот(самый обычный)
ВНИМАНИЕ!!!! НЕ ПОЛЬЗОВАТЬСЯ ВОРДОМММММММ!!!!!!! Только Блокнотом или Notepad ++
Напишите основу нашего сайта:(только не копируйте вы ничему не научитесь)
<html> <head> </head> <body> </body> </html>
Сохранили? Вы создали основу сайта(очень важную)
Теперь можно нашу страницу открыть в браузере. Так и поступим.
Что-нибудь видите? Я уверен, что нет. И это неудивительно, ведь это самая элементарная страница. Вы можете посмотреть исходник страницы. Для этого в меню "Вид" выберите пункт меню "Просмотр HTML кода", "Исходный код страницы" или что-то в этом духе, в зависимости от Вашего браузера. Также можно просто нажать CTRL-U (в большинстве браузеров откроется исходный код страницы), и Вы увидите Ваш код.
Или можно нажать по файлу ПКМ и нажать открыть с помощью и выбираете браузер
А теперь давайте обсудим, что мы здесь написали.
<html> <head> <body>- это открывающие теги.
</head> </body> </html>- это закрывающие теги.
Теги бывают парные и одиночные. Парные теги - это теги, которые нуждаются в закрывающем, то есть все три тега, которые мы использовали являются парными, так как они открываются и потом закрываются.
Одиночные теги - это теги, которые не требуют наличие закрывающего тега.
Теперь давайте по полочкам что означают наши основные теги:
Тег <html> это наш главный тег это начало HTML-документа
Тег <head> означает начало заголовка HTML-документа. Сюда могут входить, например, заголовок страницы, различные мета-теги. Обо всём об этом погорим чуть ниже.
Тег </head> означает конец заголовка HTML-документа.
Тег <body> означает начало самого документа. То есть всё (текст, картинки, ссылки и т. д.), что Вы видите на страницах в Интернете - всё расположено в теге <body>.
Тег </body> означает конец содержимого документа.
Тег </html> означает конец HTML-страницы.
А теперь давайте добавим вот что в строчку <head>
<title>Наша страничка</title> <meta http-equiv="Content-type" content="text/html; charset=windows-1251">
<meta http-equiv="Content-type" content="text/html; charset=windows-1251">
Тег <title> определяет заголовок страницы, который будет отображён в заголовке окна браузера.
Тег </title> сообщает, что здесь заголовок заканчивается.
Что касается тега <meta>, то здесь сначала я должен сообщить об атрибутах тегов. У тегов могут быть различные атрибуты, определяющие, например, вид их содержимого. Атрибуты ставятся внутри открывающего тега и имеют следующий вид:
Название = "значение".
Тег <meta> у нас определяет тип содержимого документа. Атрибут http-equiv и его значение Content-type определяет, что сейчас будет описан тип документа. Атрибут content и его значение text/html; charset = windows-1251 сообщают браузеру, что данный документ является HTML-документом (text/html), и кодировка этого документа кириллица (windows-1251). Это был пример мета-тегов. Я думаю, что пока с ними хватит.
Теперь займёмся содержимым документа. Надеюсь, что Вы уже поняли, что раз содержимое страницы - значит, будем писать что-то внутри тега <body>. Давайте напишем следующий код внутри тега <body>:
<h1> Заголовок 1-го уровня </h1> <h2> Заголовок 2-го уровня </h2> <h3> Заголовок 3-го уровня </h3> <h4> Заголовок 4-го уровня </h4> <h5> Заголовок 5-го уровня </h5> <h6> Заголовок 6-го уровня </h6>
Теги <h1>, <h2>, <h3>, <h4>, <h5>, <h6> - выводят текст в браузере. Причём этот текст является заголовком, более того, чем больше цифра (от 1-го до 6-ти), тем менее крупным шрифтом будет выведен соответствующий текст. Таким образом, код Вашей страницы имеет вид:
<html> <head> <title> Наша страничка </title> <meta http-equiv="Content-type" content="text/html; charset=windows-1251"> </head> <body> <h1>Заголовок 1-го уровня</h1> <h2>Заголовок 2-го уровня</h2> <h3>Заголовок 3-го уровня</h3> <h4>Заголовок 4-го уровня</h4> <h5>Заголовок 5-го уровня</h5> <h6>Заголовок 6-го уровня</h6> </body> </html>
Сохраните страницу и посмотрите на неё в браузере.
Также можно добавить немного атрибутов и в тег <body>. Давайте добавим атрибут text со значением green (зелёный). И атрибут bgcolor со значением yellow (жёлтый).
Таким образом, тег <body> выглядит так:
<body text = "green" bgcolor = "yellow"> <h1>Заголовок 1-го уровня</h1> <h2>Заголовок 2-го уровня</h2> <h3>Заголовок 3-го уровня</h3> <h4>Заголовок 4-го уровня</h4> <h5>Заголовок 5-го уровня</h5> <h6>Заголовок 6-го уровня</h6> </body> </html>
Я думаю для тех кто с головой дружит поймут наилегчайшее!
Вопросы сюда! Или сюда: vk.com/matveyspec
пока! Увидемся в следующей статье!