HTML: различия между версиями

Содержимое удалено Содержимое добавлено
Строка 383:
 
==Элементы оформления==
===Подведем черту===
Иногда вы что-то пишете, пишете, и вдруг чувствуете что нужно подвести черту.
 
----
 
Делается это просто как новая строка: <nowiki><hr/></nowiki> (horisontal ruler). Вообще то в этом теге есть атрибуты которые настраивают внешний вид, но их использование в новых стандартах нежелательно. Разрешены только общие атрибуты, такие как id, class, style и атрибуты событий, но это темы следующего раздела.
 
Картинки
 
До этого момента мы прочитали очень много текста о тексте. Конечно - текст важнейшая часть любой страницы (если конечно это не страница которой либо галереи), но сплошной текст штука довольно скучная. Иллюстрированный текст выглядит намного лучше. Для вставки в текст изображения используют тег <nowiki> <img> </nowiki>. Его атрибут src, задает источник (source) - файл в котором содержится картинка. Этот тег одинарный, что означает, что когда мы пишем код который отвечает новейшим стандартам, его нужно заканчивать так: />.
 
Иногда картинки не отображаются. Это происходит по разным причинам. Тем не менее, нужно чтобы пользователь и в таких случаях знал, что вы хотели ему показать. Для этого картинки имеют атрибут alt. Он задает текст, который отображается на месте картинки, в тех случаях, когда сама картинка недоступна.
 
<blockquote>''Не стоит забывать о том, что картинки, очень долго загружаются, при медленном доступе к интернету. И даже когда доступ в интернет достантньо быстрый, некоторые пользователи исключают загрузку картинок в целях экономии. И это замечание актуально даже в 2011 году. Поэтому не пренебрегайте атрибутом alt .''</blockquote>
 
Также мы можем изменить размер картинки. Например, если мы имеем маленькое изображение, мы можем его растянуть. Правда тогда оно будет отображаться несколько размыто. Также можно изменять размеры изображения вместе с изменением размеров окна браузера. Для этого размеры указывают в процентах. Размеры задаются атрибутами width и height. Пример:
 
<source lang="html4strict">
<html>
<head> <title> Картинки </title> </head>
<body>
<img src="image.jpg" alt="Маленька картинка" title="Маленька картинка" width="100" height="100"/> <br/>
<img src="image.jpg" alt="Велика картинка" title="Велика картинка" width="400" height="400"/> <br/>
<img src="image.jpg" alt="Широка картинка" title="Широка картинка" width="100%" height="400"/> <br/>
</Body>
</html>
</source>
 
Картинки могут быть помещены внутри тегов гиперссылка, тогда щелчок по ним будет аналогичным щелчок по обычным ссылкам. Вокруг картинки появится синяя рамка. Но есть еще более интересный способ сделать из картинки гиперссылка ...
===Карты===
 
==Представление информации структурировано==
===Списки===