MENU

« 1 2 3 4 »

Таблицы

шаг 6:

таблица состоит и строк и столбцов, по этому одним тегом мы не обойдемся и так, таблица открывается тегом table:

Код

<table>  

</table>  

... Читать дальше »
Категория: html | Просмотров: 923 | Дата: 19.06.2013 | Комментарии (0)
Работа с изображением

Картинки очень важный элемент в создании сайта, они используются в 99.9% случаях.

добавить изображение можно тегом img, параметр src указывает на ссылку изображения, например так:

Код
<img src=http://antina.3dn.ru/image/kukla.jpg></img>


Размер изображения указывается параметрами width- ширина и height - высота , указывать её можно как в процентах так и в пикселях:

Код

<img src=http://antina.3dn.ru/image/kukla.jpg width=10% height=5%></img>- в процентах  

Код

<img src=http://antina.3dn.ru/image/kukla.jpg width=100 height=30></img>- в пикселях


Можно дать имя изображению, в случае если оно не загрузится будет текст на его месте, но не стоит игнорировать эту возможность т к она нужна для сообщения о своей картинки поисковым системам. Это параметр alt, записывается таким же образом :

Код

<img src=http://antina.3dn.ru/image/kukla.jpg alt="уроки html"></img>

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

Текст:

Обычный текст пишется в тегах 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 | Просмотров: 1028 | Добавил(а): antina | Дата: 16.06.2013 | Комментарии (0)
Заголовки:

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


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

Код

<html>  

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

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


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

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



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

<html>  

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

<body>  

</body>  
</html>  



Сохраните файл и откройте его с помощью любого браузера, обратите внимание, на то место где обычно пишется название сайта, там написано "Мой первый сайт".
шаг назад
шаг вперед
Категория: html | Просмотров: 1038 | Добавил(а): 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 | Просмотров: 937 | Добавил(а): 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 | Просмотров: 993 | Добавил(а): antina | Дата: 11.06.2013 | Комментарии (0)
1-7 8-14 15-21 22-25