Интро (своего рода). Я не знаю можно ли это назвать статьей, поэтому решил создать тему в «болталке». __________________________ Вот открылась страница, а там: Красивый фон, разноцветный текст, уйма ссылок, меню сайта и т. д. И ты, наверное, не раз задавал себе такой вопросец: «Как - же такое чудо создаётся? » Такой вопрос задал себе и я. Когда я задавал этот вопрос знающим людям, они мне отвечали: «Да в блокноте!» Я не верил своим ушам, оказалось и вправду в блокноте. Да – да в обычной преклонной программе – «Блокнот». Конечно, есть всякие крутые программы (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 Эпилог. Это моя первая серьёзная статья. Строго не судите. Я описал самые простые азы. Может новичкам пригодится.
слишком много тел(body), не находишь? =))) Пожелание: напиши(или перепиши(не много отличий) статью) про XHTML =)
Знающий человек в блокноте никогда писать не будет. Это аксиома. Знающий человек бережет свой мозг и свое зрение.
Он хотел сказать, что то что ты написал- бред полный. Я тоже предерживаюсь такого мнения... Ты лучше изучи html хорошо, придумай какие-нибудь иснтересные способы верстания, тогда напишеш статью...