Ник: andruk | Дата: 28.11.2011, 14:25 | Сообщение #1
Да, весь в работе...
|
Урок 1. Основы HTML
Основой каждой странички является HTML (сокращение от английского Hypertext Markup Language) - язык разметки гипертекста.
Документ, написанный на языке HTML, представляет собой текст, в который вставлены теги разметки гипертекста. Теги помогают браузеру разобраться, как должен быть расположен текст на экране, в каком месте будут находиться рисунки, хранящиеся в разных файлах, и т. д. С помощью тегов формируются связи с другими веб-сайтами и ресурсами Интернета. Текст с тегами называется исходным кодом, или HTML-кодом. Посмотреть готовый файл, написанный на языке HTML, можно в браузерах (таких как Microsoft Internet Explorer, Netscape Navigator, Opera и т. д.). Там Вы уже не увидите тегов, так как они находятся "внутри" документа и на экране браузера не отображаются.
Помните, что каждая компьютерная программа предназначена для определенной цели и решает свои задачи. Желательно не использовать программу Microsoft World или Microsoft Power Point для создания веб-страниц. Программа Microsoft World - это текстовый редактор, созданный для редактирования текстов, а не веб-страниц. Она включает в страницу так много тегов-паразитов, что объем страницы возрастает в несколько раз! То же касается и программы Microsoft Power Point.
Для создания и редактирования веб-страниц существуют специальные веб-редакторы В них команды выполняются автоматически. Однако HTML знать надо обязательно.
Итак, чтобы понять строение HTML-документов, нужно познакомится с азами языка HTML.
Рассмотрим простейшую веб-страницу:
Code <html>
<head> <!-- Текст комментария -->
<title>Моя страничка<title>
</head>
<body bgcolor="yellow">
<сenter>Моя страничка </center>
</body>
</html>
Как Вы видите, любой HTML-документ начинается с тега <html> и кончается тегом </html> (последний тег является закрывающим и его признак - символ /).
Любой HTML-документ состоит из двух частей.
Первая часть - заголовок, который находится между тегами <head> и </head>, или же "голова" странички. Название странички располагается между тегами <title> и </title> и появляется в заголовке окна браузера.
Вторая часть HTML-документа - тело, которое выводится на экран браузером, - содержит текст, картинки, видеофрагменты. Она заключается между тегами <body> и </body>. Теги бывают парные и непарные, открывающие и закрывающие. Область действия парного тега начинается с того места, где стоит открывающийтег (например <body>), а кончается там, где встречается закрывающий(</body>).
В примере выше, у открывающего тега <body> есть атрибут bgcolor= "yellow",он должен находиться после одного или нескольких пробелов от < body, таковы законы HTML. Так вот этот атрибут задает цвет фона Вашей странички, в данном случае это yellow - желтый (он может иметь различные значения, например red - красный или black - черный, но встречаются и такие как #2A2A2A - цвета с оттенками. Такие цвета специальными программами-редакторами веб-страниц, проставляются автоматически, вам нужно только выбрать нужный цвет в спец. образцах цветов). Вы наверное заметили, что yellow находится в кавычках, эти кавычки необязательный параметр(т. е. можно записать и так: <body bgcolor=yellow>).
Так же в примере выше Вы найдете строку <center>Моя страничка </center>, здесь тег <center> центрирует текст (размещает его посередине). Тег <center> , можно назвать универсальным т.к. он центрирует практически все (гиперссылки, фотографии, картинки, текст и т. д., но об этом позже). Есть и комментарий - не воспринимается браузером как команда, в нем можно писать все что угодно. Обычно его используют как метку, дальше мы его рассматривать не будем
| |
Ник: Fo[Z]ik | Дата: 04.12.2011, 01:38 | Сообщение #2
One LIFE, One LOVE
|
Блин просят все научить делать совсем простые шаблоны, надоели теперь ссылки на ваш форум давать буду
| |
Ник: andruk | Дата: 22.12.2011, 05:47 | Сообщение #3
Да, весь в работе...
|
Quote (agent411) теперь ссылки на ваш форум давать буду
Вот и правильно ! 
| |
Ник: DomeH1k | Дата: 22.12.2011, 13:43 | Сообщение #4
Воплощаю новые идеи
|
| |
Ник: PyT1[H] | Дата: 23.12.2011, 20:33 | Сообщение #5
New Year 2012
|
Хорошая статья. Для новичков отлично, хотя вряд ли кто-то буде читать все это.
Стремление:  
| |
|
|
Статья хорошая, для новичков будет нормально
| |
Ник: CS-Frukt | Дата: 31.01.2012, 04:19 | Сообщение #7
|
|
Quote (VASJENKATRO) В примере выше, у открывающего тега <body> есть атрибут bgcolor= "yellow"
бгколор - устаревший код
Quote (VASJENKATRO) <center>Моя страничка </center>
центер - очень устаревший код
В качестве альтернативы:
<div align="center"></div>
<p></p>
w3 начиная с (кажется) HTML 3.0 рекоммендуют использовать таблицу стилей, т.е.
body {background:#***}
p {text-align:center;}
| |
