Советы по HTML и Web-дизайну. Примеры страниц

Kruphi kruphi@yandex.ru
Ссылки | HTML 1 | HTML 2 | Советы 1 (общие) | Советы 2 (таблицы) | Советы 3 (фреймы) | Советы 4 (графика) | Советы 5 (Javascript) | Советы 6 (CSS и слои) | Советы 7 (стандарты)

HTML: краткие сведения-2

URL (адрес)

URL, универсальны локатор ресурса (universal resource locator) – однозначно определяет положение ресурса (сайта, web-страницы, картинки, документа и т.д.) в Интернете.

Общий вид URL: протокол://имя:пароль@компьютер:порт/путь/файл#метка

Примеры URL:
  http://metro.ru/map/1955/ - страница сайта (протокол HTTP)
http://www.denwer.ru/base.html - страница сайта (протокол HTTP)
http://kruphi.narod.ru/tips2.htm#Tables - метка (якорь) на странице сайта (протокол HTTP)
http://metro.ru/map/1955/metro.ru-1955map-big1.jpg - картинка с сайта (протокол HTTP)
ftp://ftp.narod.ru/z.avi - файл (протокол FTP)
ftp://beliberda2005:zzz@ftp.narod.ru/zay1.htm - файл (протокол FTP с указанием имени и пароля)
mailto:name@domen.ru - ссылка на e-mail
Если в ссылке какой-то элемент URL не задан, то используется текущий.
Страницей по умолчанию для многих серверов (протокол HTTP) является index.htm или index.html.
В начало страницы

Ссылки и метки (якоря)

  <a name="Clock">Какие бывают часы</a> Далее все о часах… - установка метки с именем Clock.
<a href="#Clock">Часы</a> - ссылка на метку Clock в текущем файле
<a href="bred.html#Clock">Бред о часах</a> - ссылка на метку Clock во внешнем файле
<a href="url" target="_blank">текст</a> - ссылка на внешний файл (открывается в новом окне)
В начало страницы

Внешние объекты: изображения, звуки...

Сама web-страница содержит только текст и разметку. Однако на web-странице можно располагать объекты, находящиеся во внешних файлах: картинки, flash-анимацию, звуки и т.д. Браузер в зависимости от типа объекта обрабатывает его сам, либо передает дополнительным приложениям. Тип объекта определяет либо по расширению (.gif, .mpg, .swf), либо по специальному коду Content-Type="тип содержимого", вставляемому в текст документа (или заголовок, передаваемый сервером), например: text/html, image/gif, video/quicktime и т.д.

Изображения

Графические изображения (в формате gif, png, jpeg) вставляются на страницу с помощью тега <img src="..." alt="..." align="..."...>, где src - url файла с изображением; width и height - ширина и высота области на странице, в которой размещается объект (в пикселях); alt - альтернативный текст; align - выравнивание рисунка в окне; border - толщина рамки вокруг рисунка (в пикселях); usemap или ismap - с изображением связана карта активных областей (см. тег <map>) и т.д.
Пример: <img src="images/pic.jpg" alt="Картина" width="250" height="300" border="0">.

Внешние объекты

Прочие внешние объекты: звуковые файлы (wav, midi, mp3), flash (swf) и т.д. вставляются с помощью тега <embed src="..." width="..." height="..."...></embed>, где src - url файла с объектом; width и height - ширина и высота области на странице, в которой размещается объект (в пикселях); alt - альтернативный текст; type - тип файла и т.д.
Примеры:

<embed src="Molodye.mid" width="140" height="40" autostart="false"></embed>
<embed src="X_FILES.WAV" width="120" height="40" autostart="false"></embed>
<EMBED src="Zaika.swf" quality=high bgcolor=#FFFFFF width="550" height="400" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
См. также теги <bgsound…>, <applet…>…</applet>, <script…>…</script>, <object…>…</object>.

В начало страницы

Кодирование символов и HTML-документ. Русские кодировки

В обычном тексте символу соответствует 8 бит (один байт), т.е. одновременно можно использовать только 28 = 255 символов. Для HTML-документа по умолчанию предполагается кодировка iso-8859-1 (Latin-1), которая не содержит русских букв (!).

Замечание: Существуют 16- и 32-битные UNICODE кодировки (2 и 4 байта на символ), где одновременно можно использовать 216 = 65536 или 232 – более 4 млрд. символов. Но они значительно утяжеляют размер html-документа и поддерживаются не всеми браузерами и редакторами.

Выбор кодировки (2 способа):

  1. HTTP-сервер по запросу браузера присылает web-страницу в одной из доступных кодировок. При этом обычно на сервер страница помещается в одной заранее оговоренной кодировке.
  2. В заголовке страницы (между <head>…</head>) в теге <meta> явно указывается тип документа и его кодировка. Например, <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

Русские кодировки. К сожалению, исторически сложились и существуют различные кодировки Кириллицы: windows-1251 - кодировка, используемая в Windows; KOI8-R - кодировка Unix и Linux, 866 - кодировка DOS и т.д.

Произвольный символ. Выбрав одну кодировку можно вставлять произвольные символы через их UNICODE код, например, &ouml; или &#246; – западноевропейская ö, &#955; – греческая λ, &#1041; – русская Б и т.д. Таким же образом вставляются и специальные символы: &nbsp; – неразрывный пробел, &quot; – кавычка ("), &lt; и &qt; – угловые скобки (< и >).

В начало страницы
Hosted by uCoz