Меню
✘Скрыть меню
Меню заработка
✘Скрыть меню
Загрузка.. nostroma.online from NOSTROMA - best life and beautiful workЭто ужасно тяжелая работа — ничего не делать – Оскар УайльдРешающую роль в работе играет не всегда материал, но всегда мастер – Максим ГорькийЯ слишком энергичен, чтобы работать – Марсель АшарЧто привлекло меня в карьере писателя? Отсутствие бумажной работы.Одни люди работают только для того чтобы работать, другие – для того, чтобы иметь возможность не работать в будущем.Занятие ерундой на рабочем месте развивает боковое зрение, слух и бдительность в целомСтоит статýя в лучах заката с огромным буем, в руках - граната.Друзья, если вы попались на лохотрон, не будьте эгоистами - предупредите других о таком сайте!Секрет гения — это работа, настойчивость и здравый смысл. Томас Эдисон
Меню заработка

Курсы HTML/CSS

Урок 2. Атрибуты элементов

Содержание курса

Атрибуты элементов

Атрибуты элементов пишутся внутри открывающего тега через пробел и имеют имя и значение (см. пример ниже)

Например, выравнивание по центру выполняется при помощи атрибута align="center", где align - имя атрибута, а "center" - его значение

<h1 align="center">Текст заголовка</h1>

В приведенном примере текст заголовка будет выровнен по центру окна браузера. Обратите внимание, что атрибут-значение пишутся без пробелов, а у элемента может быть несколько атрибутов, которые в этом случае будут писаться через пробел.

Пустой элемент <hr /> отрисовывает в браузере горизонтальную линию. Если же задать ему атрибут width="700", то линия будет отрисована не на всю ширину браузера, а на 700 пикселей. Помимо пикселей значения атрибута width может быть задано в процентах. В этом случае после числа в значении атрибута пишется знак процентов "%"

<hr width="50%" />

В приведенном примере горизонтальная линия будет отрисована на 50% от ширины контейнера, в который она вложена (в данном случае этим контейнером выступает элемент body).

Блочная цитата - элемент <blockquote>

Этот элемент был придуман еще в прошлом веке и напоминает по своему поведению элемент <p>, но имеет больший сдвиг слева направо. В свою очередь в блочный элемент <blockquote> могут вкладываться блочные элементы <p> и другие.

<blockquote>
<p>Мой дядя самых честных правил</p>
<p>Когда не в шутку занемог,</p>
<p>Он уважать себя заставил</p>
<p>И лучше выдумать не мог.</p>
</blockquote>

Элемент <pre> - авторское форматирование

Элемент <pre> берет текст из текстового редактора программиста и отображает в браузере все как есть - табуляции, отступы и т.д. Этот элемент используется довольно редко, только для специфичных текстов. По умолчанию элемент <pre> изменяет шрифт на моноширинный.

<pre>
		Количество проживающих:
		=======================
		1-я кв:		5 чел
		2-я кв:		4 чел
		3-я кв:		7 чел
		4-я кв:		3 чел
		

</pre>

Сущности (спецсимволы)

Для того, чтобы набрать специальные символы, которых нет на клавиатуре используются сущности


		&#169;		©
		&#168;		¨
		&#167;		§
		&#166;		¦
		&#165;		¥
		&#164;		¤
		

Никаких пробелов в коде сущности быть не должно!

Цифры у сущностей (спецсимволов) могут быть заменены мнемониками для удобства запоминания


		&copy;			©
		&uml;			¨
		&sect;			§
		&brvbar;		¦
		&yen;			¥
		&curren;		¤
		

Спецсимволов очень много и при необходимости вы можете найти целые таблицы с кодами и мнемониками в интернете. Здесь приведу лишь самые ходовые из них:

Элемент <div> (раздел)

Элемент <div> внешне ничем не отличается от <p>, однако у этого блочного элемента есть одна особенность - в нем можно объединять (помещать) любые элементы и затем, задав атрибут одному только этому <div>, повлиять на свойства всех элементов внутри него.

	
	<div align="center">
	<h1>Заголовок</h1>
	<p>Параграф</p>
	</div>
	

В приведенном выше примере и заголовок, и параграф будут выровнены по центру, т.к. у элемента <div>, внутри которого они находятся, задан атрибут align со значением "center".

Таким образом, можно сказать, что <div> - это коробка, в которую можно напихать кучу всего, а затем влиять на все это только посредством влияния на свойства <div>.

HTML - регистро-независимый язык, однако все элементы разметки, атрибуты и значения атрибутов принято писать в нижнем регистре.

Комментарии

Введите Ваше имя:*

Введите e-mail:

Ваш комментарий:*

* Обязательные поля