HTML - необходимая вещь для того кто решил делать сайты. Без HTML сделать его практически невозможно. В свое время я начила создавала сайты в системе Ucoz, в HTML как понимаете я ничего непонимала, так "уже на готовом" создовала. Но постменно начала доходить какой код за что отвечает. Но скажу это пришло не быстро. К чему это я все? А ктому что лучше потратить свое время и внимательно поизучать книги по програмированию и начинать создавать сайты не по шаблону, а собственные. Давайте начнем. HTML – это язык разметки документов в среде WEB. То, что вы видите при просмотре страницы в Internet, это интерпретация вашим браузером HTML-текста. Чтобы браузер правильно отображал форматирование к примеру текста т.е. разделял его на абзацы, выделял цитаты, заголовки, списки и.т.д. ему надо как-то сообщить , что мол это заголовок, а это – параграф и.т.д. Этим как раз и занимается язык html. |
Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии,
должен начинаться со строки объявления версии HTML <!DOCTYPE…>,
которая обычно выглядит примерно так:
В данном случае мы говорим браузеру, что HTML соответствует международной спецификации версии 4.01. Не пытайтесь запомнить эту строчку наизусть, главное - вы должны знать, что она необходима. Ведь именно она помогает сделать сайт, который будет одинаково смотреться во всех браузерах(обычно это три основных Internet Explorer,Opera, Firefox) . |
Давайте сразу учиться все делать правильно. Хоть это и самая примитивная страничка создадим ее по всем правилам(они пригодятся при работе с Adobe Dreamweaver). ШАГ 1: Пока поверьте мне на слово, дальше когда начнете изучать Dreamweaver все поймете. |
В этом уроке мы подробнее остановимся на свойствах текста, научимся выделять абзацы, заголовки и.т.д. Основными элементами форматирования текста в html являются:
|
Чтобы придать тексту ту или иную гарнитуру в html используются такие элементы:
|
В этом уроке мы разберем такую немаловажную часть языка html как списки. Различают списки двух видов: упорядоченные (пронумерованные) и неупорядоченные (непронумерованные). Единственным отличием является то, что перед пунктами неупорядоченных списков обычно ставятся символы-буллеты (bullets), например, точки, ромбики и т.п., в то время как пунктам упорядоченных списков предшествуют их номера. |
Ссылки это базовый элемент без которого невозможно представить интернет.
Создать html ссылку очень просто. Для этого используется простенький элемент с одним атрибутом. Ну вот например:
|
Изображения - это неотъемлемая часть любого сайта в
сети интернет. Они используются везде, поэтому давайте разберемся что к
чему. Есть три типа файлов изображений, которые можно вставить на ваши
страницы:
|
Мы уже знаем как менять цвет текста, но для этого нам нужно было заключать его в теги font , а это не всегда удобно. Также мы познакомились с тем, как задавать цвет фона или фоновое изображение таблиц, теперь проделать тоже самое для всего документа не составит труда. Вот необходимые атрибуты: BACKGROUND – определяет изображение для "заливки" фона. Значение задается в виде полного URL или имени файла с картинкой в формате GIF или JPG. BGCOLOR – определяет цвет фона документа. TEXT – определяет цвет текста в документе. Все они прописываются для элемента BODY. Значения цветов задаются либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов. |
Html таблицы - полезная штука . Обычно их используют не только для отображения таблиц как таковых, но и для создания невидимого каркаса страницы, помогающего расположить текст и изображения должным образом. Раньше все сайты имели табличную структуру, сейчас все большую популярность приобретает структура на дивах (с помощью <div> и CSS ). Вот классический пример табличной структуры:
Давайте разбираться как построить простейшую таблицу. Для этого нам понадобятся как минимум три элемента . TABLE - Элемент для создания html таблицы. Обязательно должен иметь начальный и конечный теги. По умолчанию html таблица печатается без рамки, а разметка осуществляется автоматически в зависимости от объема содержащейся в ней информации. Сразу скажу, что здесь есть атрибут BORDER который задает толщину рамки таблицы в пикселах. TR (Table Row) - Создает новый ряд таблицы. Закрывающий тег обязателен. TD (Table Data) - Начинает и заканчивает каждую ячейку ряда html таблицы. Обязателен закрывающий тег. |