|
Первая страничкаДля начала Вам нужно выбрать текстовый редактор. Это может быть любой редактор, сохраняющий документ как обычный текстовый файл. Можно воспользоваться обычным Блокнотом (Notepad) или редактором Bred3. Преимущество последнего в возможности цветового выделения тегов, что значительно облегчает редактирование и чтение HTML документов. Но главное в веб дизайне - это желание и хорошее настроение! Набираем (или копируем) пример HTML страницы, приведенный ниже. Все комментарии, выделенные серым, можете удалять, текст, выделенный красным, заменяете по своему усмотрению.
<!-- Пример HTML документа -->
<!-- Следующая строка - декларация версии HTML документа --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!-- Начало HTML документа --> <HTML> <!-- Заголовок HTML документа --> <HEAD> <!-- Задаем кодировку страницы: windows-1251 --> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251"> <TITLE> Здесь название страницы, например "Первая страничка" </TITLE> </HEAD> <!-- Тело HTML документа --> <BODY> Здесь содержание страницы (текст, картинки, таблицы и т.д.) </BODY> </HTML> Записываем в файл с расширением *.htm или *.html (название нужно давать латинскими буквами, можно использовать цифры, знак "тире" и "подчеркивание") и открываем в браузере. Поздравляю! Вы сделали свою первую страничку! Теперь рассмотрим более подробно приведенный выше пример. В первой строке примера тег <!DOCTYPE> определяет используемую версию HTML документа (самой последней является спецификация 4.01). Этот тег необходим для правильной интерпретации HTML документа браузером. HTML документ располагается между тэгами <HTML> и </HTML>. Внутри содержатся два элемента. Первый представляет собой заголовок HTML документа (<HEAD> </HEAD>) и содержит служебную информацию для поисковых систем и для браузера, такую как, кодировка страницы, название документа, ключевые слова и т.д. Второй элемент представляет собой тело HTML документа (<BODY> </BODY>) и содержит видимую часть документа, т.е. то, что отображается в окне браузера. Ссылки по теме: Скачать текстовый редактор Bred3 |
|