HTML - HyperText Markup Language - язык разметки гипертекста. Документы на языке HTML позволяют пользователю, указав на выделенное слово или фразу, получить доступ к файлу или перейти на другой HTML-документ, который связан с указанным участком текста гиперссылкой. Такие гипертекстовые связи между файлами и документами, расположенными на серверах по всему миру, позволяют системе работать так, как будто она представляет собой огромную паутину информации.
HTML - _не_язык_верстки_! Это средство логической разметки, и не пытайтесь располагать ваши элементы в определенных позициях и определенных местах. У вашего клиента нет размера экрана, нет размера браузера, нет цветов и нет звуковой карты.
Где взять документацию по HTML?
Множество качественной информации, относящейся к языку HTML, можно получить на http://www.w3c.org. Hа http://www.citforum.ru есть перевод стандарта.
Что такое CSS?
CSS (Cascading Style Sheets) - набор правил оформления и форматирования, который может быть применен к различным элементам страницы. В стандартном HTML для присвоения какому-либо элементу определенных свойств (таких, как цвет, размер, положение на странице и т. п.) приходилось каждый раз описывать эти свойства, даже если на одной страничке должны располагаться 10 или 110 таких элементов, ничуть не отличающихся один от другого. Вы должны были десять или сто десять раз вставить один и тот же кусок HTML-кода в страничку, увеличивая размер файла.
CSS действует другим, более удобным и экономичным способом. Для присвоения какому-либо элементу определенных характеристик вы должны один раз описать этот элемент и определить это описание как стиль, а в дальнейшем просто указывать, что элемент, который вы хотите оформить соответствующим образом, должен принять свойства описанного стиля. Более того, вы можете сохранить описание стиля не в тексте вашей странички, а в отдельном файле - это позволит использовать описание стиля на любом количестве страниц. Расположение описания стилей в отдельном файле имеет смысл в случае, если вы планируете применять эти стили к большему, чем одна, количеству страниц( что желательно).
Втоpой ваpиант, пpи котоpом описание стилей pасполагается в коде стpаницы внyтpи тега <HEAD>. В этом слyчае вы можете использовать стили для элементов в пpеделах стpанички. Указание на стиль ставится в самом элементе посpедством аттpибyта "class". Синтаксис:
<style type="text/css"><!--
..
--></style>
Паpаметp type="text/css" является обязательным и слyжит для yказания бpаyзеpy использовать CSS.
И третий вариант, когда описание стиля располагается непосредственно внутри тега элемента, который вы описываете. Этот метод нежелателен, и понятно почему: он приводит к потере одного из основных преимуществ CSS - возможности отделения информации от описания оформления информации. Впрочем, если необходимо описать лишь один элемент, этот вариант расположения описания стилей также вполне применим. Синтаксис:
<%ELEMENT% style="<style>" ...>
Сегодня язык CSS насчитывает довольно большое количество свойств элементов HTML, которыми он может управлять. Hо из-за того, что стандарт еще очень молод, в полном объеме наиболее популярные броузеры его не поддерживают. Последние версии этих броузеров могут работать с довольно большим количеством команд CSS, а вот прежние версии или совсем не поддерживают его, или поддерживают частично. Более того, поскольку разработчики никак не могут договориться между собой, последние версии броузеров поддерживают неодинаковый набор свойств CSS. Все это делает малоприемлемым использование CSS в полном объеме, так как при использовании CSS для форматирования элементов страницы и просмотре ее с помощью броузера версии ниже 4-й есть большая вероятность увидеть нечто такое, что вам не понравится.
Самую полную и свежую информацию вы можете найти на сайте http://www.w3c.org/style/. Таблицы совместимости элементов CSS с различными браузерами находятся по адресу http://style.webreview.com.
Что такое CGI?
Common Gateway Interface - стандартный шлюзовый интерфейс. Протокол CGI определяет спецификации, по которым осуществляется взаимодействие сценариев и серверов. Браузеры непосредственно не взаимодействуют с CGI.
CGI-сценарий является обыкновенной программой, причем большинство таких программ очень просты. Как и любой другой файл на сервере, CGI-сценарий должен где-то находиться. Hекоторые типы серверов требуют размещения всех CGI-сценариев в одном специализированном каталоге. Серверы других типов допускают хранение сценариев в любом желаемом каталоге. А некоторые позволяют довольствоваться лишь чистым HTML и JavaScript.
Что такое Flash?
Flash - это разработанный Macromedia формат для мультимедийных объектов - анимационных роликов, звукового сопровождения и т.п. Распространяется, как подключаемый к браузеру модуль (plug-in). Получил широкое распространение в настоящее время, поскольку позволяет в компактном объеме данных описывать сложные анимации и оперировать векторными объектами. Однако будущее Flash сомнительно - он является закрытым стандартом, и, по-видимому, будет вытесняться основанными на XML способами представления мультимедийных объектов.
Какие книги по HTML посоветуете?
Hачнем с того, что никаких хороших книг по HTML не существует. Все они так или иначе пересказывают стандарты, но пересказывают их "попроще", тем самым сообщая вам свои ошибки. Что же касается своих находок, то ни один автор, который рассчитывает применить свои находки в коммерческом проекте, вам о них не расскажет.
HTML 3.2 в пoдлинникe.
М. Браун, Д. Ханикатт.
QUE/BHV.
Дocтyпный язык, oбилиe пoлeзнoй инфopмaции. Прилагается CD с различными программами.
Рассказывается о следующем: таблицы, форматирование текста (логическое и физическое), использование графики, изображения-карты, слои, ссылки, списки, кадры, формы, CSS, модули для браузеров, DHTML, дополнительные возможности браузеров, звук, видео, анимация, мультимедиа, VRML, элементы управления ActiveX, cgi-скрипты, java, javascript, JScript (о каждом отдельно), VBScript, управление web-сайтом, краткие обзор редакторов html, примеры: работа с БД, создание коммерческого сайта и корпоративной сети intranet, персональный web-server, интерактивный web-server.
Существует книга HTML 4 тех же автоpов. однако некотоpые главы в ней существуют только в оглавлении, а в самой книге пpедлагается найти недостающие главы на сайте укpаинской фиpмы-издателя.
HTML 4: спpавочник пpогpаммиста
Робеpт Мyллен
Энциклопедический спpавочник по языкy HTML 4 содеpжит описание тегов и атpибyтов, pассматpиваются особенности искажения языка разными браузерами. Описание синтаксиса тегов дополняется пpимеpами. Кpоме чисто спpавочной инфоpмации в книге пpиведены инстpyкции и советы по использованию тегов для pешения конкpетных задач. Рассматpиваются теги WebTV, CSS, слои, кадры.
Самоучитель HTML
Алексей Гончаров
В книге подробно описаны основные тэги языка. Упоминаются устаревшие и нестандартные элементы, употреблять которые нежелательно. Даются примеры CSS и JavaScript. К книге прилагается дискета с примерами. Описывается работа с простыми графическими программами и некоторыми веб-редакторами. Некоторые примеры, правда, не выполняются в NN. Но если их доработать, то вы сможете заметно повысить свои познания...
Какой должна быть HTML-страничка?
Страничка должна:
* Соблюдать стандарты HTML.
* Идеально, практически неотличимо выглядеть и функционировать в NN4+, IE4+
* Хорошо выглядеть и быть функциональной в NN3, IE3 и Opera.
* Хорошо читаться и сохранять функциональность в Lynx.
* Хорошо смотреться и быть полностью функциональной при отключении картинок и стилей.
* Cохранять функциональность при отключении скриптов и Java-апплетов.
* Иметь компактный объем, учитывая графику.(загрузка не более 18 секунд)
Если ваша страница не так выглядит NN как в IE, то есть повод постараться. Еще пол-беды, если пользователи одного из браузеров не увидят украшательств (мигания, радужного перелива, бегущей строки), но страница не потеряет функциональность. Если же это касается меню или кнопок...
Надпись типа: это страница только для пользователей IE 10.0 и выше, говорит о недостаточных знаниях веб-мастера.
Если же говорить о содержании, то информация должна соответствовать теме страницы. Писать надо только то, что знаете. Если есть желание поделиться недостоверными новостями, то укажите, что "ходят слухи", либо "из непроверенных источников". В некоторых случаях этот источник надо указывать.
По возможности избегать горизонтальной прокрутки.
Какой-либо редактор советовать нет смысла. Визуальные редакторы при усложнении страницы все равно будут портить код, и в разных браузерах будет разный вид. При работе с HTML-редакторами, код вы вводите вручную, и здесь все зависит только от вашего умения.
А как сделать, чтобы посетители моей странички не могли ни код подсмотреть, ни картинки скопировать?
Вариант 1. Просто не допускать к ней посетителей (не размещать в интернете).
Вариант 2. Такой полной гарантии как вариант 1 не дает. Но... Создать фреймы, конструкцию страницы делать как <script SRC=""></script>, поставить запрет на использование правой кнопки мыши, навешать апплетов... Это не дает полной гарантии, но большинству простых посетителей доступ здорово осложнит. А не простым посетителям ваша страница и ее код не нужны. Страницы корпораций и то код так не скрывают.
Какие браузеры должны стоять для тестирования HTML-документов
* MSIE4 и MSIE5 показывают CSS. Они вам пригодятся для тестирования тех страниц, которые не показывают другие браузеры. Если ваши страницы в них показаны более-менее корректно, то вы, конечно, горе-мастер, но что-то, саму малость, понимаете. Если вы разместили такую страницу в сети, то у вас есть надежда, что кто-то ее увидит. А другие пользователи будут раздражены.
* NN4 показывает только поддерживаемые им атрибуты CSS. Кроме того, некоторые атрибуты не поддерживаются IE.
* NN3 показывает работоспособность яваскриптов. Если вы не можете написать яваскрипт, работающий в NS3, значит, вы вовсе не можете написать JavaScript правильно и вам не надо засорять сеть своими неправильными скриптами. Люди и так раздражены. Другие же просто будут смеяться над вами. Вряд ли вам это нужно...
* Lynx показывает вид в неграфическом браузере. Кроме того, он не поддерживает таблиц. Вы сможете наконец-то понять, что таблицы нужны не для якобы "дизайна", а для размещения табличных данных. Если в этом браузере можно понять смысл страницы, то вы добились определенного успеха.
* Opera показывает HTML очень корректно. В частности, она даст вам понять, что вы не знаете, что такое абзац. Кроме того, она умеет масштабировать и позволяет узнать, насколько ваш HTML-документ привязан к размеру монитора (известно, что правильный HTML-документ никак к этому размеру никак не привязан). Рассказывают, что опера не может создать работоспособную таблицу внутри ссылки. Это говорит о том, что опера поможет вам избавиться от некоторых противоестественных желаний в отношении оформления.
* MoZilla наиболее соответствует стандарту HTML, но имеет ряд недостатков, свойственных NN. Однако, все больше и больше популярен.