Интро (своего рода).
Я не знаю можно ли это назвать статьей, поэтому решил создать тему в «болталке».
__________________________
Вот открылась страница, а там:
Красивый фон, разноцветный текст, уйма ссылок, меню сайта и т. д.
И ты, наверное, не раз задавал себе такой вопросец:
«Как - же такое чудо создаётся?
»
Такой вопрос задал себе и я.
Когда я задавал этот вопрос знающим людям, они мне отвечали:
«Да в блокноте!»
Я не верил своим ушам, оказалось и вправду в блокноте.
Да – да в обычной преклонной программе – «Блокнот».
Конечно, есть всякие крутые программы (HTML – редакторы), в них гораздо удобней создавать HTML страницы.
Вот пример:
Текст ровнять не тэгами, а визуально, это гораздо легче!!!
Но если визуально всё делать, то ты не когда не узнаешь не один HTML тэг.
Это моё скромное мнение, но я считаю так:
Изучи основы, структуру документа и т. д.
А потом берись за HTML – редакторы.
В этой статье ты не узнаешь, как сделать сайт с матерой WEB – графикой, в этой статье, просто азы.
Приступим.
Сперва давай разберёмся, что такое HTML?
HTML HyperText Markup Language - язык разметки гипертекстовых документов.
HTML - основной способ передачи инфы по Инету.
Форматируется тэгами.
Особенность HTML – использует гиперсвязи. То есть, возможны ссылки на другие документы.
В HTML документ, возможно вставить изображений, звуки, видео.
Для просмотра HTML страниц используется браузер.
Ну вот, теперь ты знаешь, что такое HTML.
Изучи азы.
Открой блокнот, скопируй тэги в него, сохрани так: strainchka.html
Имя любое, только формат HTML должен быть
Вот пример простой, пустой HTML страницы:
<html>
<head>
<title>Вот моя страница</title>
</head>
<body>
</body>
</html>
<html></html> - этот тэг должен открывать документ. Если есть открывающий тэг, то должен быть и закрывающий:
<head> </head> - голова документа.
<body> </body> - тело документа.
<title></title> - заголовок.
Все тэги, расположенные между
<head> </head> - служебная информация.
Между этими тэгами, заголовок, фон, звуки, видео т. д.
Все тэги, расположенные между
<body> </body> - содержание документа.
Между этими тэгами, содержание документа, текст, информация и т. д.
Обрати внимание.
Каждый открытый тэг, должен обязательно быть закрытым.
Пример:
<тэг> </тэг>
<тэг> - отрытый тег.
</тэг> - закрытый тег.
Сейчас будешь красить текст.
Для этого нужна палитра, её можно взять
здесь(АНТИЧАТ, не прими за рекламу).
Или найдёшь сам.
Давай напишем текст на нашей странички, и закрасим его каким ни будь цветом:
<html>
<head>
<title>Вот моя страница</title>
</head>
<font color="# 339966">Мы о-о-о-о-о-о-чень любим АНТИЧАТ.</font>
<body>
</body>
</html>
Тэг
<font></font> - многофункционален. Им может задаваться не только цвет текста в конкретной части документа, но и размер шрифта, и вид шрифта, но об этом чуть позже.
Я закрасил зелёным (мой любимый цвет).
Сохраняем страницу и смотрим.
Вот ещё один тэг, задающий цвет текста:
<body text="#336699">
Это значит, что весь текст страницы будет синим, кроме текста, для которого мы специально прописали
<font></font>. Если цвет текста в
<body> не задавать, то по умолчанию он будет черным.
Пример:
<html>
<head>
<title>Вот моя страница</title>
</head>
<body text="#336699">
<font color="# 339966">Мы о-о-о-о-о-о-чень любим АНТИЧАТ.</font>
<br>
Мы против чатов!!!
<body>
</body>
</html>
Ты видишь, что появился еще один новый тэг -
<br>
Тэг
<br> - перенос текста на другую строку.
Теперь создадим фон.
Цвет фона устанавливается в уже знакомом нам тэге
<body>:
<body bgcolor="#000000">
Смотрим:
<html>
<head>
<title>Вот моя страница</title>
</head>
<body text="#336699"><body bgcolor="#000000">
<font color="# 339966">Мы о-о-о-о-о-о-чень любим АНТИЧАТ.</font>
<br>
Мы против чатов!!!
<body>
</body>
</html>
У меня чёрный фон, ты конечно можешь поставить свой.
А вот теперь о параграфах.
С помощью параграфов ты можешь центрировать текст:
<p align="center">текст</p>
С помощью параграфов ты можешь выровнять текст по левому краю:
<p align="left">текст</p>
По правому краю документа:
<p align="right">текст</p>
По обоим краям документа:
<p align="justify">текст</p>
Пример:
<html>
<head>
<title>Вот моя страница</title>
</head>
<body text="#336699"><body bgcolor="#000000">
<p align="center"><font color="# 339966">Мы о-о-о-о-о-о-чень любим АНТИЧАТ.</font>
<br>
Мы против чатов!!! </p>
<body>
</body>
</html>
Есть ещё один тэг
<div></div>:
<div align="center"> текст </div>
<div align="left"> текст </div>
<div align="right"> текст </div>
<div align="justify"> текст </div>
Пример:
<html>
<head>
<title>Вот моя страница</title>
</head>
<body text="#336699"><body bgcolor="#000000">
<div align="center"><font color="# 339966">Мы о-о-о-о-о-о-чень любим АНТИЧАТ.</font>
<br>
Мы против чатов!!! </div>
<body>
</body>
</html>
Эффект один. Текст у тебя в центре. Решай сам какой тэг выбрать.
Размер шрифта.
Сейчас ты научишься выделять текст при помощи.
Существуют шесть уровней заголовков:
<H1></H1> - самый большой.
<H2></H2>
<H3></H3>
<H4></H4>
<H5></H5>
<H6></H6> - самый маленький.
Пример:
<html>
<head>
<title>Вот моя страница</title>
</head>
<body text="#336699"><body bgcolor="#000000">
<div align="center"><H1><font color="# 339966">Мы о-о-о-о-о-о-чень любим АНТИЧАТ.</font></H1>
<br>
Мы против чатов!!! </div>
<body>
</body>
</html>
Стиль шрифта:
После того, как ты узнал о том, как задавать размер шрифта, настало время поговорить о том, как определить стиль шрифта.
<b> Полужирный текст
</b>
<i> Наклонный текст (курсив)
</i>
<u> Подчеркнутый текст
</u>
<strike> Перечеркнутый
</strike>
<s> Перечеркнутый
</s>
<small> Малый
</small>
<big> Большой
</big>
Верхний индекс
<sup> sup </sup>
Нижний индекс
<sub> sub </sub>
Атрибут face. С помощью face ты сможешь задать тип шрифта.
<font face="arial"> текст (шрифт Arial)</font>
Times;
Times New Roman;
Arial;
Helvetica;
Courier;
Verdana;
Tahoma;
Cosmic Sans;
Garamond
Эпилог.
Это моя первая серьёзная статья.
Строго не судите.
Я описал самые простые азы.
Может новичкам пригодится.
Что-то типа статьи по Html.
Похожие темы
Древовидный вид