MENU

« 1 2
Работа с текстом:

Текст:

Обычный текст пишется в тегах p, но они не обязательны!

Код

<p>ваш текст на странице</p>  


Размер текста:

Размер текста изменяется тегом font параметром size:
Код

<font size=1>ваш текст на странице</font>  



Цвет текста:

Цвет текста изменяется тегом font параметром color:
Код

<font color=green>ваш текст зеленого цвета</font>  


Вид текста:

Выделение текста жирным:
Код

<b>Текст жирным</b>  


Выделение текста курсивом:
Код

<i>Текст курсивом</i>  


Подчеркивание текста:
Код

<u>Подчеркнутый текст</u>  


Что бы перевести текст на новую строку используется тег br:
Код
 <p>Добро<br>пожаловать!</p>
Вот что получится:
Добро
пожаловать!



шаг назад
шаг вперед
Категория: html | Просмотров: 1273 | Добавил(а): antina | Дата: 16.06.2013 | Комментарии (0)
Заголовки:

Всего их пять,
Код
<h1></h1>,<h2></h2>,...<h5></h5>


Их используют для оформления страниц и указанию поисковым системам что главное на это странице.

Код

<html>  

<head>  
<title>Мой первый сайт</title>  
</head>  

<body>  
<h1>Добро пожаловать!</h1>  
</body>  
</html>  


Теперь сохраните этот документ и откройте с помощью браузера, вот что получиться:

Добро пожаловать!



шаг назад
шаг вперед
Категория: html | Просмотров: 1311 | Добавил(а): antina | Дата: 16.06.2013 | Комментарии (0)
Для того что бы отобразить имя сайта во вкладке, используется тег title он должен находится обязательно в тегах head:
Код

<html>  

<head>  
<title>Мой первый сайт</title>  
</head>  

<body>  

</body>  
</html>  



Сохраните файл и откройте его с помощью любого браузера, обратите внимание, на то место где обычно пишется название сайта, там написано "Мой первый сайт".
шаг назад
шаг вперед
Категория: html | Просмотров: 1322 | Добавил(а): antina | Дата: 16.06.2013 | Комментарии (0)
Урок 1:

Создание html документов:

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

Структура HTML:

1.Изначально, обязательно открывается тег html:
Код

<html>  
<!-- Код -->  
</html>  


2. Сам код должен находится в теге - тело скрипта: body
Код

<html>  

<body>  

<!-- Код -->  

</body>  
</html>  


2. Теперь раз есть тело нужна и голова, где обычно хранится имя сайта, это тег head
Код

<html>  

<head>  

</head>  

<body>  

<!-- Код -->  

</body>  
</html>  


Вот и все, сохраняем это как например index.html , перейти ко второму шагу
Категория: html | Просмотров: 1190 | Добавил(а): antina | Дата: 16.06.2013 | Комментарии (0)
А как можно курсор на сайте другой поставить?

Код

<body style="cursor:значение">

Стандартные значения:

style="cursor:auto"
style="cursor:crosshair"
style="cursor:default"
style="cursor:pointer"
style="cursor:move"
style="curs or:text"
style="cursor:wait"
style="cursor:help"
style="cursor:e-resize"
style="cursor:ne-resize"
style="cursor:nw-resize"
style="curs or:n-resize"
style="cursor:se-resize"
style="cursor:sw-resize"
style="cursor:s-resize"
style="cursor:w-resize"

Свой курсор на сайте:
Код

<style>  
Body { cursor:url('http://адрес_вашего_сайта/название_курсора.ani');}  
</style>


Курсор на странице меняется через CCS:

Код
body {cursor: url('путь_к_курсору');}


И то же самое для ссылок:

Код
a:hover {cursor: url('путь_к_курсору');}  
a:link {cursor: url('путь_к_курсору');}  
a:visited {cursor: url('путь_к_курсору');}
Категория: html | Просмотров: 1251 | Добавил(а): antina | Дата: 11.06.2013 | Комментарии (0)
Плавный переход между страницами реализуется при помощи мета-тагов.

Чтобы получить такого рода эффекты - вам нужно добавить в шаблон мета-таги из этого списка :

Код
<META HTTP-EQUIV="Page-Enter" CONTENT="revealTrans(Duration=4.0,Transition=12)"> (эффект при заходе на страницу)  
<META HTTP-EQUIV="Page-Exit" CONTENT="revealTrans(Duration=4.0,Transition=12)"> (эффект при уходе со страницы)  
<META HTTP-EQUIV="Site-Enter" CONTENT="revealTrans(Duration=4.0,Transition=12)"> (эффект при заходе на сайт)  
<META HTTP-EQUIV="Site-Exit" CONTENT="revealTrans(Duration=4.0,Transition=12)"> (эффект при уходе с сайта),

где Duration задает время в секундах, а Transition - номер эффекта

Список эффектов:

0 - Box in (в поле)
1 - Box out (из поля)
2 - Circle in (в круг)
3 - Circle out (из круга)
4 - Wipe up (стирание вверх)
5 - Wipe down (вниз)
6 - Wipe right (вправо)
7 - Wipe left (влево)
8 - Vertical blinds (вертикальные жалюзи)
9 - Horizontal blinds (горизонтальные жалюзи)
10 - Checkboard across (в шахматном порядке поперечно)
11 - Checkboard down (вниз)
12 - Random dissolve (случайный наплыв)
13 - Split vertical in
14 - Split vertical out
15 - Split horizontal in
16 - Split horizontal out
17 - Strips left down
18 - Strips left up
19 - Strips right down
20 - Strips right up
21 - Random bars horizontal (случайные горизонтальные линии)
22 - Random bars vertical
23 - Random (случайный эффект)
Категория: html | Просмотров: 1783 | Добавил(а): antina | Дата: 11.06.2013 | Комментарии (0)
Как вставить flash


В качестве базовой заготовки и отправной точки в поиске

Код
<object type="application/x-shockwave-flash"  
data="flash.swf" width="300" height="100">  
<param name="movie" value="flash.swf" />  
<param name="quality" value="low" />  
</object>


Второй более полный вариант.

Код
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"  
  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#3,0,0,0" width="100%" height="100%">
<param name="SRC" value="filename.swf">
<embed src="filename.swf" pluginspage="http://www.macromedia.com/shockwave/download/"  
type="application/x-shockwave-flash" width="100%" height="100%"></embed></object>

Категория: html | Просмотров: 1178 | Добавил(а): antina | Дата: 11.06.2013 | Комментарии (0)

Гиперссылки

Наверное, самый важный элемент веб-сайтов и интернета – гиперссылки. Щелкнув на гиперссылку, пользователь перейдет на соответствующий сайт. Чтобы сделать гиперссылку нужно использовать тег <a> с закрывающим тегом </a> и атрибутом href, значением которого должен быть адрес необходимого сайта. Например, разместив в коде веб-странички следующую запись
Код
<a href="http://www.yandex.ru">www.yandex.ru</a>

пользователь увидит гиперссылку (в дальнейшем просто ссылку): www.yandex.ru , и после того как он щелкнет по ней, браузер откроет сайт www.yandex.ru (знаменитая российская поисковая система). Данная ссылка относиться к внешней гиперссылке, на что указывает префикс "http://" в начале адреса веб-ресурса, указанном в атрибуте href. Если префикс "http://" не указан, то ссылка будет относительной, и в качестве отправной точки будет использоваться адрес текущего документа. То есть ссылка будет указывать на веб-документ (например, другую страницу сайта) расположенный на текущем сайте. Например, если на странице с адресом "www.mysite.ru/index.html" вставить следующий код
Код
<a href="mypage.html">Моя страничка</a>

то, щелкнув по ссылке «Моя страничка» браузер откроет страницу с адресом "www.mysite.ru/mypage.html".
То есть, при создании ссылки на другой сайт, нужно указывать префикс "http://" и полный путь к веб-документу. Если делается ссылка на другую страничку того же веб-сайта, данный префикс указывать не нужно и в качестве значения атрибута href нужно будет указать имя этой странички.
Бывают и другие префиксы, но сейчас ограничимся лишь этим.
Еще бывают локальные ссылки, то есть ссылки в другие места той же веб-страницы. Такие ссылки делаются аналогично, с использованием тега <a> и атрибутом href, но значение атрибута href должно состоять из символа "#" и имени якоря, то есть того места, которое должно отобразиться после щелчка по этой ссылке. Например
Код
<a href="#local_link">Подробнее о локальных ссылках</a>

В нужном месте ставится якорь с помощью все того же очень нами любимого тега <a>, но с атрибутом name. В качестве значения атрибута name должно выступать имя якоря, например
Код
<a name="local_link">Локальные ссылки</a>

Таким образом, когда пользователь щелкнет по ссылке с текстом «Подробнее о локальных ссылках», браузер прокрутит страницу так, чтобы якорь с текстом «Локальные ссылки» был виден пользователю (по возможности браузер отобразит якорь в самом верху окна).
Можно также совмещать локальные ссылки с другими, то есть можно поставить ссылку не только на другую страничку веб-сайта, но и указать имя якоря, к которому браузер должен прокрутить открываемую при щелчке по ссылке страницу. Например, если на странице с адресом "www.mysite.ru/mypage.html" поставить якорь
Код
<a name="local_link">Локальные ссылки</a>

то на странице с адресом "www.mysite.ru/index.html" где-либо в тексте можно будет установить следующую ссылку
Код
<a href="mypage.html#local_link">подробнее о локальных ссылках</a>

Тогда после щелчка по этой ссылке, браузер откроет страницу "mypage.html" и прокрутит страничку к якорю с текстом "Локальные ссылки".
Управление цветом гиперссылок
 
В большинстве браузеров по умолчанию текст гиперссылки отображается подчеркнутым и синим цветом. Большие возможности по управлению внешним видом ссылок дают CSS (каскадные таблицы стилей), но менять цвет можно и с помощью HTML. Задать необходимый цвет отображения гиперссылки можно атрибутом link тега <body>, установив в качестве его значения нужный цвет, например
Код
<body link="#008000" text="#408080" bgcolor="#E8E8E8">

Обычно браузер отображает ссылки, которыми пользователь еще не пользовался одним цветом, а «посещенные» другим цветом. Цвет «посещенной» ссылки можно установить атрибутом vlink тега <body>. А цвет активной ссылки, то есть той, на которой в данный момент происходит щелчок кнопки мыши, можно задать атрибутом alink. Например
Код
<body link="#008000" vlink="#FF00FF" alink="#000000" text="#408080" bgcolor="#E8E8E8">
Категория: html | Просмотров: 1294 | Добавил(а): antina | Дата: 07.06.2013 | Комментарии (0)
Первая веб-страница

Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Моя первая веб-страница</title>
  </head>
  <body>

  <h1>Заголовок страницы</h1>
  <p>Основной текст.</p>

  </body>
</html>


Чтобы посмотреть результат примера в действии, проделайте следующие шаги.

1. В Windows откройте программу Блокнот (Пуск > Выполнить > набрать «notepad» или Пуск > Программы > Стандартные > Блокнот).

2. Наберите или скопируйте код в Блокноте (

3. Сохраните готовый документ (Файл > Сохранить как...) под именем любое имя.html, при этом обязательно поставьте в диалоговом окне сохранения тип файла: Все файлы и кодировку UTF-8 (рис. 1.2). Обратите внимание, что расширение у файла должно быть именно html.

4. Запустите
Категория: html | Просмотров: 1188 | Добавил(а): antina | Дата: 03.06.2013 | Комментарии (0)
1-16 17-25