Студопедия

Главная страница Случайная лекция


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

Порталы:

БиологияВойнаГеографияИнформатикаИскусствоИсторияКультураЛингвистикаМатематикаМедицинаОхрана трудаПолитикаПравоПсихологияРелигияТехникаФизикаФилософияЭкономика



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




VI. Списки

Читайте также:
  1. Двусвязные и кольцевые списки
  2. Лекция 4. Списки

V. Запуск проигрывателя звукового файла

IV.Вставка изображений

Цветовая схема Web-страницы

Выделение фрагментов текста

<b>…</b> - полужирный

<i>….</i> - курсив

<u>…</u> - подчеркнутый

 

Её можно задать в тэге <body> c помощью атрибутов:

 

Атрибуты:

Bgcolor = “RRGGBB” – цвет фона

Background=”имя файла” – текстура фона(картинка-фон)

Text=”#RRCCBB” – цвет текста

Link=”red” – цвет текста ссылки

Alink=”green” – цвет текста активнйо ссылки

Vlink=”#GGRRBB” – цвет текста просмотренной ссылки

 

Дополнительные тэги:

<hr> - тэг проведения горизонтальной линии

<br> - тэг проведения строки

<p>…</p> -тэг абзаца

 

<img src=”1.jpg”> -тэг вставки изображения

 

Атрибуты:

width=”…“ - ширина картинки в пикселях (%)

height= “..” - высота ( пикселях / %)

align = “top” – выравнивает относительно вертикали сверху

bottom– выравнивает относительно вертикали снизу

middle– выравнивает относительно вертикали по середине

left– выравнивает относительно горизонтали слева

right -выравнивает относительно горизонтали справа

аlt= «книги» - если браузер не м/т показать изображение, то показ текст

вorder=3 – толщина рамки вокруг изображения в пикселях

 

 

Размеры графических файлов должны быть малы. Они влияют на время загрузки страницы.

<a href = “strike.wav”> бой часов </a>

VI. Гиперссылки

 

  1. Ссылка на web-стр вашего сайта

<a href =”index.html”> на главную </a>

  1. Cсылка на web-страницу, размещенную в интернете

<a href =http://www.moskva.ru> о Москве </a>

 

3.Ссылка как мини-картинка(при щелчке на мини-картинку разворачивается полномасштабное изображение)

<a href=”carsk.jpg> <img src=”carsk.gif” widnt=”30” height=”75”> </a>

 

4.Ссылка на ваш почтовый ящик

<a href=gimn111@mail.ru> gimn111@mail.ru пишите </a>

 

 

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

Например:

· Ваня

· Данил

· Сергей

<UL>

<li>Ваня

<li>Данил

<li>Сергей

</UL>

 

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

Например:

1.Ваня

2.Данил

3.Сергей

<ol>

<li>Ваня

<li>Данил

<li>Сергей

</ol>

 

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

Например:

Ваня

в 11а

Данил

в 10а

Сергей

в 9и

 

<dl>

<dt>Ваня

<dd>в 11а

<dt>Данил

<dd>в 10а

<dt>Сергей

<dd>в 9 и

</dl>

 

 

VII. Таблицы (таблицы могут содержать в себе другие таблицы)

 

<table>…</table>- задание таблицы

<tr>…</tr> - тег строки

<td>…</td>- тег столбца

 

Атрибуты <tr>

align=”…”-выравнивание текста в ячейке по горизонтали

valign=” top”- выравнивание текста в ячейке по вертикали сверху

“midlle”-по центру

“bottom”-по нижнему краю

Атрибуты <td>

colspan=”4”-устанавливает размах ячейки по горизонтали(неа 4 колонки)

rowspan=”2”-устанавливает размах ячейки по вертикали(на 2 строки)

align=”...”-выравнивание в ячейке по горизонтали

valign=”…”-выравнивание в ячейке по вертикали

width=”200”-ширина ячейки

heigth=”200”-высота ячейки

 

Атрибуты <table>

align=”-”- расположение таблицы на Web-странице

width=”..”- ширина таблицы (в пикселях или %)

border=”..”- толщину рамки таблицы в пикселях (border=”0”- рамки не видно)

 

компьютер
системный блок    
монитор    

ПРИМЕР

 

<table border=”3” align=”center” width=”1200”>

<tr>

<td colspan=”3”> компьютер </td>

</tr>

<tr>

<td > системный блок </td>

<td > </td >

<td > </td >

</tr>

<tr>

<td > монитор </td >

<td > </td >

<td > </td >

</tr>

</table>

 

 


<== предыдущая страница | следующая страница ==>
Изменение атрибутов шрифта | Имя числительное

Дата добавления: 2014-03-11; просмотров: 357; Нарушение авторских прав




Мы поможем в написании ваших работ!
lektsiopedia.org - Лекциопедия - 2013 год. | Страница сгенерирована за: 0.004 сек.