Использование тегов для разбиения на абзацы. 


Мы поможем в написании ваших работ!



ЗНАЕТЕ ЛИ ВЫ?

Использование тегов для разбиения на абзацы.



Для этого используют парные теги <p>…</p> и непарный тег <br>.

Абзацы отделяются парными теги <p>…</p>. По умолчанию между абзацами устанавливается вертикальный отступ, называемый отбивкой.

Основной атрибут тега <p> — это атрибут выравнивания align. Значения атрибута: left(влево), right(вправо), center(по центру), justify(выравнивание по ширине).

Тег переноса строки <br> не создает дополнительных вертикальных отступов между строками.

 

Теги для работы с графикой

Тег <IMG> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Этот тег имеет единственный обязательный параметр src, который определяет адрес файла с картинкой. При этом вокруг изображения отображается рамка, которую можно убрать, добавив параметр border="0" в тег <IMG>. Рисунки также могут применяться в качестве ссылок. Тег имеет ряд атрибутов:

– align="bottom | left | middle | right | top" – Определяет как рисунок будет выравниваться по краю и способ обтекания текстом.

– border="толщина рамки» – Толщина рамки вокруг изображения.

– height="высота" – Высота изображения.

– width="ширина» – Ширина изображения.

– hspace="отступ по горизонтали» – Горизонтальный отступ от изображения до окружающего контента.

– vspace="отступ по вертикали" – Вертикальный отступ от изображения до окружающего контента.

– src="URL" – Путь к графическому файлу.

Нумерованный список можно вывести с помощью тега:


<OL> <LI> 1 строка списка <LI> 2 строка списка </OL>


Где <LI> - каждый элемент такого списка. Нумерация проставляется автоматически.

Пример:

<OL> <LI>яблоко</LI> <LI>груша</LI> <LI>помидор</LI> <LI>огурец</LI> </OL>   1. яблоко 2. груша 3. помидор 4. огурец

Тэг <OL> может иметь следующие параметры: <OL TYPE=" * ">, где *
I - большие римские цифры
i - маленькие римские цифры
A - большие латинские буквы
a - маленькие латинские буквы
1 - обычные цифры

<OL START="Число, с которого будет начинаться отсчет в списке">

 

Маркированный список html страницы

Для создания маркированных списков применяют тэги <UL <LI>

Тэгом <UL> отмечается начало/окончание всего списка.

Тэгом <LI> обозначают начало/конец отдельного элемента списка.

По умолчанию элементы списка маркируются черным кружочком. При помощи атрибута TYPE можно изменить стиль маркирования.

В пределах одного списка можно использовать различную маркировку элементов списка.

Пример:

HTML-код:   <ul type="circle"> <li>элемент 1</li> <li>элемент 2</li> <li type="disc">элемент 3</li> <li type="square">элемент 4</li> </ul> Отображение в браузере:   элемент 1 элемент 2 элемент 3 элемент 4

 

Списки определений html страницы

Для создания списков определений используют три тэга:

<DL> - начало/конец списка.

<DT> - начало/конец конкретного термина.

<DD> - начало/конец поясняющей статьи термина.

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

Пример:

HTML-код:   <dl> <dt>Термин 1</dt> <dd>Аннотация1 к термину 1</dd> <dd>Аннотация2 к термину 1</dd> </dl> Отображение в браузере:   Термин 1 Аннотация1 к термину 1 Аннотация2 к термину 1

 

html отступ текста, способ первый - самый, естественный и простой. Чтобы сделать отступ перед текстом, добавим перед текстом html код пробела - &nbsp; Добавить html код пробела можно в любом html редакторе.

<html>

<head>

<title> HTML отступ текста </title>

</head>

<body>

<p> &nbsp;&nbsp;&nbsp;&nbsp; HTML отступ текста слева, используем код пробела </p>

</body>

</html>

HTML отступ текста, способ второй - этот способ основан на свойствах тега blockquote. Данный тег задает отступ примерно 40 пикселей слева и справа, для размещенного в нем текста. Кроме того, отступ задается сверху и снизу. Пример html кода использования данного способа приведен ниже:

<p><blockquote> HTML отступ текста слева, используем тег blockquote </blockquote></p>

HTML отступ текста, способ третий. Здесь мы воспользуемся свойством параметра text-indent каскадных таблиц стилей CSS.

<p style="text-indent:100px"> HTML отступ текста, работает стиль CSS - text-indent </p>

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

<p><img src=image.png width=150 height=1> HTML отступ текста слева, используем изображение </p>

 

JavaScript — прототипно-ориентированный сценарный язык программирования.

JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.

Расположение внутри страницы

Для добавления JavaScript-кода на страницу, можно использовать теги <script></script>, которые рекомендуется, но не обязательно, помещать внутри контейнера <head>. Контейнеров <script> в одном документе может быть сколько угодно.

< script type="text/javascript">alert('Hello, World!');</ script >

Расположение внутри тега

Спецификация HTML описывает набор атрибутов, используемых для задания обработчиков событий.

< a href="delete.php" onclick="return confirm('Вы уверены?');">Удалить</ a >

Вынесение в отдельный файл

Есть и третья возможность подключения JavaScript — написать скрипт в отдельном файле, а потом подключить его с помощью конструкции

< script type="text/javascript" src="http://Путь_к_файлу_со_скриптом"></ script >

 

Комментарии в JavaScript нужны для того, чтобы сделать исходный код удобочитаемым.

Однолинейные JavaScript комментарии начинаются с двух слэшей //, многолинейные /*

 

Свойства объектов в JavaScript

Свойства являются значениями, которые связаны с объектами.

При обращении к свойству объекта необходимо отделять его точкой от названия объекта (объект.свойство).

Пример

//Создадим массив

var x=new Array();

//Запишем в массив элементы

x[0]='1 элемент массива';

x[1]='2 элемент массива';

x[2]='3 элемент массива';

x[3]='4 элемент массива';

//Посчитаем сколько элементов находится в массиве x и выведем результат на страницу

document.write('Массив содержит '+x.length+' элемента.');

 

Методы объектов в JavaScript

Методы являются действиями, которые могут быть совершены над объектами.

Объекты в JavaScript также могут иметь методы, например объект массив имеет метод reverse() позволяющий изменять порядок следования элементов в массиве на противоположный:

Пример

//Создадим массив

var x=new Array();

//Запишем в массив элементы

x[0]='1 элемент массива';

x[1]='2 элемент массива';

x[2]='3 элемент массива';

x[3]='4 элемент массива';

/* Изменим порядок следования элементов в массиве на противоположный и выведем

содержимое массива на страницу */

document.write(x.reverse());

 

Событие Объект Причина возникновения
Abort Image Прерывание загрузки изображения
Click Area, Button, Checkbox, Document, Link, Radio, Reset, Submit Клик мыши на элементе
DblClick Area, Document, Link Двойной клик на элементе
DragDrop Window Перемещение в окно браузера
KeyDown Document, Image, Link, Textarea Нажатие клавиши на клавиатуре
KeyPress Document, Image, Link, Textarea Удержание клавиши на клавиатуре
KeyUp Document, Image, Link, Textarea Отпускание клавиши на клавиатуре
Load Document, Image, Layer, Window Загрузка элемента
MouseDown Button, Document, Link Нажата кнопка мыши
MouseMove Window Мышь в движении
MouseOut Area, Layer, Link Мышь выходит за границы элемента
MouseOver Area, Layer, Link Мышь находится над элементом
MouseUp Button, Document, Link Отпущена кнопка мыши
Move Frame Перемещение элемента
Reset Form Сброс формы
Resize Frame, Window Изменение размеров
Select Text, Textarea Выделение текста
Submit Form Передача данных
Unload Window Выгрузка текущей страницы

 

Функции

//Объявление функцииvar имяфункции=function(пер1, пер2){Код функции}//Вызов функцииимяфункции(пер1,пер2);

имяфункции задает имя функции. Каждая функция на странице должна иметь уникальное имя. Имя функции должно быть задано латинскими буквами и не должно начинаться с цифр.

пер1 и пер2 являются переменными или значениями, которые можно передавать внутрь функции. В каждую функцию может быть передано неограниченное количество переменных.

Даже если в функцию не передаются переменные не забывайте вставлять круглые скобки "()" после имени функции.

Имена функций в JavaScript чувствительны к регистру.

 



Поделиться:


Последнее изменение этой страницы: 2016-04-23; просмотров: 381; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 3.135.190.101 (0.015 с.)