RTFM! статьи, советы, скрипты
::Заработок с помощью сайта ::JScript по-русски! ::Все русские мануалы::
МЕНЮ
О САЙТЕ
НОВОСТИ
СТАТЬИ
КНИГИ
АППЛЕТЫ
СВЯЗЬ

СЧЕТЧИКИ
Rambler's Top100
Рейтинг@Mail.ru
Яндекс цитирования

Начинающему разработчику сайтов посвящается...

Автор: pauk Сайт: http://www.pauk2001.h1.ru/     Рейтинг: N/A из 7       <<НАЗАД
   
   Насмотревшись на личные страницы других пользователей интернета, у большинства возникает желание создать свое нечто неповторимое и особенное. Хотя получается, конечно, как у всех. HTML-документ легко создать. Это можно (но не нужно!!!) сделать даже в Word. Существует великое множество визуальных редакторов - Composer, FrontPage, DreamViewer. Простые и сложные, они позволяют создать себе страницу, не задумываясь об исходном коде. Можно вообще применить стандартный шаблон бесплатных хостингов - народ.ру, например. Качество таких страниц ниже всякой критики. Впрочем, для домашних страниц о себе любимом этого вполне достаточно.
   
   Проблема в том, что на первой странице мало кто останавливается. А для других проектов, даже для сайтов о заработке, подобный метод подходит плохо. Исходный код страниц, сделанных с помощью визуальных редакторов, ужасен, и сделать вручную небольшое исправление зачастую является делом весьма сложным.
   
   Поэтому, выражение "Блокнот - лучший HTML-редактор всех времен и народов!" недалеко от истины, при всех недостатков NotePad... Правда, к Блокноту надо еще перекодировщик, но это не такая большая проблема. В конце концов, есть Aditor. Для новичков подойдет Arachna или HAPedit с подсветкой символов. Но для использования подобных редакторов необходимо знать HTML - язык гипертекстовой разметки.
   
   Обзор даже основных возможностей HTML - тема отдельной книги. Русское описание есть на сайте http://html.manual.ru/. А для начала разберем основные принципы программирования, хотя многие применение языка HTML программированием не считают (не без веских оснований).
   Подобно другим языкам, обучение начинается с "Hello, World!".
   
    1:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
    2:<HTML>
    4:<HEAD>
    5: <TITLE>My First Page</title>
    6: <META content="text/html; charset=windows-1251" http-equiv=Content-Type>
    7: <META name="keywords" content="hello world">
    8: <META name="description" content="My First Page">
    9:</head>
   10:<BODY>
   11: <CENTER><H1>Hello, World!</h1></center>
   12:</body>
   13:</html>
   
   Можно было некоторые МЕТА-тэги добавить, некоторые убрать. Приведенный код - лишь демонстрация.
   Цифры с двоеточием - номера строк - в реальном коде не нужны.
   
   Итак,
   1-я строка. Думаю, понятно ее назначение и без перевода. Хотя браузеры определяют HTML-документ и без этой строки, она необходима по стандарту.
   2-я строка сообщает о начале HTML-блока. Многие игнорируют этот тэг, хотя это тоже неправильно.
   13-я строка сообщает о конце документа.
   
   Любой HTML-документ делится на заголовок и тело.
   Тэги в 4-ой и 9-ой строках ограничивают код заголовка.
   5-я строка определяет текст заголовка окна браузера.
   В 6-8-й строках расположены МЕТА-тэги. Они определяют свойства документа.
   Код 6-й строки определяет кодировку документа. Это единственный из МЕТА-тэгов, использование которого категорически рекомендуется.
   Тэги 7-й и 8-й строк определяют соответственно ключевые слова и описание страницы. Современные поисковые системы уже не учитывают данные этих строк (по крайней мере так заявляют). Но стандарт требует.
   Кроме того, в заголовке может содержаться и другая информация, например, определение стилей.
   Тэги 10-й и 12-й строк ограничивают тело документа. В отличие от данного кода - это обычно самая объемная часть документа. Это то, что видит посетитель в своем браузере.
   Ради 11-й строки весь документ и затевался. Тэг <CENTER> выравнивает текст по центру окна браузера, а тэг <H1> выводит текст крупным полужирным шрифтом.
   
   Вот основные свойства тэгов:
   - Регистр символов в тэгах значения не имеет. Открывающие тэги в данном примере показаны заглавными, а закрывающие - прописными исключительно для наглядности
   - Начальные тэги вида <...> задают свойство документу, конечные </...> - отменяют. Если текст расположить после тэга </center>, он не будет центрирован. Не все тэги имеют конечный.
   - Отступ в 5-8 и 11 строках сделан для наглядности. Количество пробелов и символов конца строки между тэгами не имеет значения. Расположенные тексте, они выводятся на экран как один пробел.
   - Неизвестные тэги и их свойства браузеры игнорируют.
   
   Итак, общий принцип, понятен. Изучайте тэги и применяйте. А ваши результаты вы увидите в своих браузерах...
   
   


<<НАЗАД      ОЦЕНИТЬ СТАТЬЮ    ВЕРСИЯ ДЛЯ ПЕЧАТИ>>
Статья прочитана :  раз.




пейкюлю



 
 
 
 
 
pauk ©® 2000-2015. All rights reserved.
При перепечатке ссылка на сайт и указание обязательны.
Мнение администрации сайта не всегда совпадает с мнением автора.
Орфография и пунктуация - авторские.
Администрация не несет никакой ответственности за использование материалов.
.
Protected by Copyscape DMCA Takedown Notice Infringement Search Tool