Сделай Сам Свою Работу на 5

HTML. Тэги заголовка, параграфа, предварительного форматирования, разрыва строки.





Уровни заголовков <H1>, <H2> ... <H6>.Текст документа структурно делится на просто текст, заголовки частей текста, заголовки более высокого уровня и т.д. Первый уровень заголовков (самый большой) обозначается цифрой 1, следующий - 2, и т.д. до 6. Тэг абзаца <P>.В отличии от большинства текстовых процессоров, в HTML-документе обычно игнорируются символы возврата каретки. Физический разрыв абзаца может находиться в любом месте исходного текста документа (для удобства его читаемости). Однако браузер разделяет абзацы только при наличии тэга <P>. Если вы не разделите абзацы тэгом <P>, ваш документ будет выглядеть как один большой абзац. Тэг <BR>. Тэг <BR> извещает браузер о разрыве строки. Наилучший пример использования данного тэга - форматированный адрес или любая другая последовательность строк, где браузер должен отображать их одну под другой.

HTML. Нумерованные списки.

<UL>

<LI> первый элемент </LI>

<LI> второй элемент </LI>

<LI> третий элемент </LI>

</UL>

Если вместо <UL> (Unordered List, что означает ненумерованный список) поставить <OL> (Ordered List, нумерованный список), список получится нумерованным.



HTML. Ненумерованные списки.

<UL>

<LI> первый элемент </LI>

<LI> второй элемент </LI>

<LI> третий элемент </LI>

</UL>

Если вместо <UL> (Unordered List, что означает ненумерованный список) поставить <OL> (Ordered List, нумерованный список), список получится нумерованным:

HTML. Вложенные списки.

HTML. Списки определений.

Наконец, третьим, и последним, списком, является список определений:

<DL>

<DT> Кошка </DT> <DD> мяукающее домашнее животное </DD>

<DT> Кот </DT> <DD> муж кошки </DD>

<DT> Крокодил </DT> <DD> большой африканский зверь с острыми зубами </DD>

</DL>

создаст следующее:

Кошка

мяукающее домашнее животное

Кот

муж кошки

Крокодил

большой африканский зверь с острыми зубами

HTML. Гипертекстовые ссылки.

<A HREF="filename" target="_self">текст ссылки</A>

Атрибут HREF задает значение адреса документа, на который указывает ссылка.

filename — имя файла или адрес Internet, на который необходимо сослаться.

текст_ссылки — текст гипертекстовой ссылки, который будет непосредственно показан в HTML-документе.taRGET — задает значение окна или фрейма, в котором будет открыт документ, на который указывает ссылка. Возможные значения атрибута: blank — открытие документа в новом окне; self — открытие документа в текущем фрейме; parent — открытие документа в родительском фрейме Значение по умолчанию: _self



HTML. Ссылки внутри документа.

Для начала нужно установить закладку в то место куда должен попадать пользователь при нажимании ссылки. Сама закладка будет такой: <A NAME="Имя закладки"> .. .. .. </a> Ссылка на закладку в том же документе имеет следующий вид: <A HREF="#Имя закладки"> Ссылка на закладку </a> А если нужно перейти на закладку в другой документ: <A HREF="Имя документа#Имя закладки"> Ссылка на закладку в другом документе </a>.

HTML. Рисунки.

IMG - вставка изображения. Этот тег не закрывается. SRC - имя или URL. ALT - альтернативное имя (отобразится, если в браузере запретить отображать картинки). TITLE - краткое описание изображения (отобразится при наведении курсора на картинку). WIDTH, HEIGHT - размеры (если не совпадают с истинными размерами картинки, то изображение "растянется"/"сожмется"). ALIGN - задает параметры обтекания текстом (top, middle, bottom, left, right). VSPACE, HSPACE - задают размеры вертикального и горизонтального пространства вокруг изображения.Пример:<IMG SRC=url ALT="текст" TITLE="текст" WIDTH="размер (пикс, %)" HEIGHT="размер (пикс, %)">.Изображение можно сделать ссылкой:<A HREF=url ><IMG SRC=url></A>

49. HTML. Стилевое оформление документов.

<EM> … </EM> — логическое ударение (обычно отображается курсивным шрифтом). <STRONG> … </STRONG> — усиленное логическое ударение (обычно отображается жирным шрифтом). <I> … </I> — выделение текста курсивом. <B> … </B> — выделение текста жирным шрифтом. <U> … </U> — подчёркивание текста. <S> … </S> — зачёркивание текста. Вот так: зачёркнутый текст. <STRIKE> … </STRIKE> — то же самое, что <S> … </S>. <BIG> … </BIG> — увеличение шрифта. <SMALL> … </SMALL> — уменьшение шрифта. <BLINK> … </BLINK> — мигающий текст. Это один из самых ненавидимых тегов, потому что мигающий текст неприятен для глаз, к тому же не работает в Internet Explorer до 6 версии без применения JavaScript. <FONT параметры> … </FONT> — задание параметров шрифта. У этого тега есть следующие параметры: COLOR=color — задание цвета. FACE=шрифт меняет шрифт. SIZE=размер меняет размер шрифта. Размер от 1 до 7, стандартный по умолчанию



HTML. Таблицы. Основные тэги.

TABLE — создание таблицы. Параметры тега: BORDER — толщина разделительных линий в таблице; CELLSPACING — расстояние между клетками; CAPTION — заголовок таблицы (этот тег необязателен); TR — строка таблицы; TH — заголовок столбца таблицы (этот тег необязателен); TD — ячейка таблицы; height - высота таблицы; width - ширина таблиц. Так, например,

<TABLE BORDER="1" CELLSPACING="0">

<CAPTION> Улов крокодилов в Мумбе-Юмбе </CAPTION>

<TH> Год </TH>

<TH> Улов </TH>

<TR>

<TD> 1997 </TD>

<TD> 214 </TD>

</TR>

<TR>

<TD> 1998 </TD>

<TD> 216 </TD>

</TR>

<TR>

<TD> 1999 </TD>

<TD> 207 </TD>

</TR>

</TABLE>

HTML. Интерактивные формы. Основной тэг.

Создание форм в HTML является довольно сложным делом. Здесь приводятся только названия основных тегов. FORM — создание формы. INPUT — элемент ввода (может иметь разные функции — от ввода текста до отправки формы). TEXTAREA — текстовая область (многострочное поле для ввода текста). SELECT — список (обычно в виде выпадающего меню). OPTION — пункт списка

HTML. Тэги для ввода информации.

53. CSS. Назначение и основные понятия.

CSS (англ. Cascading Style Sheetsкаскадные таблицы стилей) — технология описания внешнего вида документа, написанного языком разметки. Преимущественно используется как средство оформления веб-страниц в формате HTML и XHTML, но может применяться с любыми видами документов в формате XML, включая SVG и XUL. CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения и других аспектов представления документа. Основной целью разработки CSS являлось разделение содержимого (написанного на HTML или другом языке разметки) и представления документа (написанного на CSS). Это разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печать, чтение голосом (специальным голосовым браузером или программой чтения с экрана), или при выводе устройствами, использующими шрифт Брайля.

CSS. Свойства шрифта.

CSS. Свойства фона и цвета.

background- Задает все свойства фона элемента страницы в один прием. Заменяет собой атрибуты background-attachment, background-color, background-image, background-position и background-repeat. background-attachment - Данный атрибут позволяет "зафиксировать" фоновый рисунок, чтобы он не прокручивался вместе с содержимым Web-страницы. background-color - Задает фоновый цвет Web-страницы или ее элемента. background-image - Задает фоновый рисунок Web-страницы или ее элемента. background-position- Задает местонахождение фонового рисунка. Это комбинированный атрибут, заменяющий атрибуты background-position-x и background-position-y. background-position-x - Задает горизонтальную координату фонового рисунка. background-position-y -Задает вертикальную координату фонового рисунка. color - Определяет цвет элемента.

CSS. Обрамление.

bottom - Задает позицию нижнего края объекта относительно нижнего края следующего объекта в иерархии web-страницы. clip - Определяет, какая часть объекта с абсолютным позиционированием будет видима. display - Задает как элемент будет отображаться на web-странице. height- Задает высоту объекта.left - Задает расстояние от левого края элемента до левого края его родительского объекта. position- Задает тип позиционирования, используемый для элемента.right - Задает расстояние от правого края элемента до правого края его родительского объекта. top - Задает верхнюю позицию объекта, то есть расстояние от верхнего края элемента до верхнего края его родительского объекта. visibility - Определяет будет ли объект показываться или будет скрыт.

CSS. Списки.

list-style - Может одновременно задавать до трех значений: положение маркера, его стиль и изображение. list-style-image - Задает изображение, которое будет использоваться в виде маркера для элемента списка. list-style-position - Задает положение маркера относительно текста в элементе списка. list-style-type - Задает тип маркера для элемента списка.

 








Не нашли, что искали? Воспользуйтесь поиском по сайту:



©2015 - 2024 stydopedia.ru Все материалы защищены законодательством РФ.