Работа с текстом: Текст: Обычный текст пишется в тегах p, но они не обязательны! Код <p>ваш текст на странице</p> Размер текста изменяется тегом font параметром size: Код
<font size=1>ваш текст на странице</font>
Цвет текста изменяется тегом font параметром color: Код
<font color=green>ваш текст зеленого цвета</font>
Выделение текста жирным: Код
Категория: Html |
Просмотров: 1528 |
Добавил(а): antina |
Дата: 16.06.2013
|
|
Заголовки: Всего их пять, Код <h1></h1>,<h2></h2>,...<h5></h5> Их используют для оформления страниц и указанию поисковым системам что главное на это странице. Код
<html>
<head>
<title>Мой первый сайт</title>
</head>
<body>
<h1>Добро пожаловать!</h1>
</body>
</html>
Теперь сохраните этот документ и откройте с помощью браузера, вот что получиться: Добро пожаловать! шаг назад шаг вперед
Категория: Html |
Просмотров: 1558 |
Добавил(а): antina |
Дата: 16.06.2013
|
|
Для того что бы отобразить имя сайта во вкладке, используется тег title он должен находится обязательно в тегах head: Код
<html>
<head>
<title>Мой первый сайт</title>
</head>
<body>
</body>
</html>
Сохраните файл и откройте его с помощью любого браузера, обратите внимание, на то место где обычно пишется название сайта, там написано " Мой первый сайт". шаг назад шаг вперед
Категория: Html |
Просмотров: 1598 |
Добавил(а): antina |
Дата: 16.06.2013
|
|
Урок 1: Создание html документов: Все очень просто для создания HTML документов используется любой текстовый редактор, предварительно сохранив файл как ".html", обычно первая страница называется index.html . Структура HTML: 1.Изначально, обязательно открывается тег html: Код
<html>
<!-- Код -->
</html>
2. Сам код должен находится в теге - тело скрипта: body Код
<html>
<body>
<!-- Код -->
</body>
</html>
2. Теперь раз есть тело нужна и голова, где обычно хранится имя сайта, это тег head Код
Категория: Html |
Просмотров: 1444 |
Добавил(а): antina |
Дата: 16.06.2013
|
|
А как можно курсор на сайте другой поставить? Код
<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> Код
Категория: Html |
Просмотров: 1508 |
Добавил(а): antina |
Дата: 11.06.2013
|
|
Плавный переход между страницами реализуется при помощи мета-тагов. Чтобы получить такого рода эффекты - вам нужно добавить в шаблон мета-таги из этого списка : Код <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 v
...
Читать дальше »
Категория: Html |
Просмотров: 2043 |
Добавил(а): antina |
Дата: 11.06.2013
|
|
Как вставить 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 |
Просмотров: 1438 |
Добавил(а): antina |
Дата: 11.06.2013
|
|
ГиперссылкиНаверное, самый важный элемент веб-сайтов и интернета – гиперссылки. Щелкнув на гиперссылку, пользователь перейдет на соответствующий сайт. Чтобы сделать гиперссылку нужно использовать тег <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:
...
Читать дальше »
Категория: Html |
Просмотров: 1592 |
Добавил(а): antina |
Дата: 07.06.2013
|
|
Первая веб-страница
Код <!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 |
Просмотров: 1494 |
Добавил(а): antina |
Дата: 03.06.2013
|
|
|