Теги форматирования текста




 

<pre></pre> - Обрамляет предварительно отформатированный текст.

 

<h1></h1> - Создает самый большой заголовок

 

<h2></h2>, <h3>, </h3><h4></h4>, <h5>, </h5> - Создает заголовоки промежуточных размеров <h6></h6> - Создает самый маленький заголовок

 

<b></b> - Создает жирый текст (нерекомендованный)

 

<i></i> - Создает наклонный текст (нерекомендованный)

 

<tt></tt> - Создает текст - имитирующий стиль печатной машинки. (нерекомендованный)

 

<kbd></kbd> - Создает текст - имитирующий стиль печатной машинки. (рекомендованный)

 

<var></var> - Название переменных отображается курсивом

 

<cite></cite> - Выделение цитат курсивом

 

<address></address> - Отображается курсивом в виде отдельного абзаца

 

<em></em> - Наклонный текст (воспринимается посковыми роботами как выделение)

 

<strong></strong> - Жирный текст (воспринимается посковыми роботами, как особо сильное выделение)

 

<font size="?"></font> - Устанавливает размер текста в пределах от 1 до 7.

 

<font color="?"></font> - Устанавливает цвет текста, используя значение цвета в виде RRGGBB. Гиперссылки

 

<a href="URL"></a> - Создает гиперссылку на другие сайты.

 

<atarget="?"></a> - Указывает в каком окне открывать гиперссылку.


28. Макетирование документа с применением фиксированных и динамических таблиц.

Основной идеей разметки макета на основе сетки в CSS является разделение страницы на определенный набор строк и столбцов, а затем установка положения и размер элементов, основанных на этих строках и столбцах, с помощью CSS. Макет на основе сетки – это новое веяние в мире и веб-разработке и, конечно, в проектировании WinRT-приложений.

 

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

 

Однако табличные HTML-макеты устарели и редко применяются в наши дни; причина в том, что они не были изначально предназначены для создания макетов. Они были предназначены для отображения данных, но были только инструментом для дизайнеров и разработчиков в начальный период развития сети. Постепенно, в течение многих лет, макеты на основе CSS заменяли табличные HTML-макеты, но используемые методы (хотя они и лучше, чем у табличных макетов) все еще далеки от совершенства. Наиболее востребованная в настоящее время система включает в себя сочетание CSS-свойств float и clear для создания столбцов и строк.

 

Макет CSS на основе сетки обеспечивает точный контроль над поведением сетки при изменении размеров экрана. Строки и столбцы могут иметь фиксированные размеры — иначе говоря, такие размеры, которые не меняются при изменении размеров сетки. Кроме того, строки или столбцы могут иметь размер, выраженный в долях от целого, что позволяет им меняться в размерах в зависимости от изменений размеров сетки. Поскольку размер строк и столбцов может быть фиксированным (fixed), гибким, или "резиновым" (flexible), или изменяющимся в соответствии с размером содержимого (size-to-content), будет легко построить макет, который полностью заполняет весь экран, независимо от размеров экрана.


29. Теги включения ссылок, изображений.

Ссылки - вот что заставляет Web двигаться!

Ссылки создаются в HTML с помощью тега <а>. Кроме того, следует включить атрибут ссылки - href и закрывающий тег </а>.

<a href="URL объекта, на который необходимо сделать ссылку">текст_ссылки</а>

 

Броузер не выводит на экран саму ссылку, а показывает только текст, заключенный между угловыми скобками > и < (текст_ссылки).

 

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

Для определения места ссылки в HTML-документе необходимо создать метку (иначе - закладку или якорь).

Метка (закладка, якорь) также создается при помощи тега <а>, но уже с другим атрибутом - name (или id).

<a name="метка в документе, на которую необходимо сделать ссылку"

id="метка в документе, на которую необходимо сделать ссылку">

текст_на_экране</а>

 

 

Обратите внимание на атрибут id!

В последених двух стандартах XHTML и XML (которые со временем могут вытеснить HTML) - Консорциумом W3C предусмотрен новый атрибут тега <а> - атрибут id, который должен заменить атрибут name.

 



Поделиться:




Поиск по сайту

©2015-2024 poisk-ru.ru
Все права принадлежать их авторам. Данный сайт не претендует на авторства, а предоставляет бесплатное использование.
Дата создания страницы: 2016-02-13 Нарушение авторских прав и Нарушение персональных данных


Поиск по сайту: