| Основные теги |
Показаны сообщения с ярлыком html. Показать все сообщения
Показаны сообщения с ярлыком html. Показать все сообщения
Баг в таблице
В этой статье я расскажу о особенностях в html которые должен знать
каждый. Я расскажу как обойти ошибку на которые я сам натыкался. Без
того что я расскажу будет сложно в будущем. Нередко возникают вопросы у
веб-мастеров о html. Рано или поздно сам находишь ошибки которые
совершал и раньше. В статье я буду говорить по большей части о
табличном html. Именно сложная структура сайта лежит в таблицах и
именно в них происходят сбои. В большом количестве таблиц можно лекго
запутаться и когда потом открываешь свой код немного позже бывает
сложно что-то найти и изменить.
каждый. Я расскажу как обойти ошибку на которые я сам натыкался. Без
того что я расскажу будет сложно в будущем. Нередко возникают вопросы у
веб-мастеров о html. Рано или поздно сам находишь ошибки которые
совершал и раньше. В статье я буду говорить по большей части о
табличном html. Именно сложная структура сайта лежит в таблицах и
именно в них происходят сбои. В большом количестве таблиц можно лекго
запутаться и когда потом открываешь свой код немного позже бывает
сложно что-то найти и изменить.
Включение апплета Java в документ HTML
Апплет Java, как и программа на JavaScript, должен выполняться из
гипертекстового документа HTML. Именно с этим свойством апплетов
связано происхождение термина "выполняемое содержимое". Чтобы включать
апплеты в файл HTML, испульзуется HTML-тег <applet>. Тег <applet>
является контейнерным тегом. Это значит, что в тексте гипертекстового
документа за этим тегом обязательно должен быть указан закрывающий тег </applet>. Ниже привожу синтаксис тега
гипертекстового документа HTML. Именно с этим свойством апплетов
связано происхождение термина "выполняемое содержимое". Чтобы включать
апплеты в файл HTML, испульзуется HTML-тег <applet>. Тег <applet>
является контейнерным тегом. Это значит, что в тексте гипертекстового
документа за этим тегом обязательно должен быть указан закрывающий тег </applet>. Ниже привожу синтаксис тега
Как поместить программу на языке JavaScript в документ HTML
Программы на языке JavaScript встраиваются в страницу текста на языке HTML. Для этого имеется специальный тег<script>. Броузер распознает программу на языке JavaScript, помещенную между начальным и конечным тегами<script>, и приступает к ее выполнению. Тег <script> HTML является контейнером, и поэтому для того, чтобы указать конец тела сценария Java, всегда требуется </script>. Сам код сценария располагается соответственно, внутри контейнера.
Эффект буквицы
В типографических изданиях очень часто можно встретить буквицу –
выделенную по размеру и цвету первую букву первого абзаца. Красиво так
смотрится… Вот бы к себе такую на сайт! Некоторые ограничиваются
использованием рисунков, но вдруг посетитель отключил показ картинок.
Тогда не будет ни буквицы, ни красоты: от нее останется только пустой
квадратик. Решением проблемы становится применение CSS.
выделенную по размеру и цвету первую букву первого абзаца. Красиво так
смотрится… Вот бы к себе такую на сайт! Некоторые ограничиваются
использованием рисунков, но вдруг посетитель отключил показ картинок.
Тогда не будет ни буквицы, ни красоты: от нее останется только пустой
квадратик. Решением проблемы становится применение CSS.
Быстрее ветра - быстрый html
Ну что, у вас уже есть своя страничка? Графику, конечно же,
оптимизировали? Довольны, небось, скоростью закачки страниц по ftp,
скоростью, с которой они открываются в браузере? Наверное, нет. А все
потому, что иногда надо залезть в святая святых - html-код и чуть-чуть
его подправить. Вот об этом мы здесь и поведем речь.
оптимизировали? Довольны, небось, скоростью закачки страниц по ftp,
скоростью, с которой они открываются в браузере? Наверное, нет. А все
потому, что иногда надо залезть в святая святых - html-код и чуть-чуть
его подправить. Вот об этом мы здесь и поведем речь.
Ссылка - дело не хитрое
Вообще что такое ссылка - это, без чего не обходится не один сайт. В
этой статье будет рассказано о многих возможностях ссылок. Естественно
во многих учебниках уже было всё растолковано по частям, но следует всё
разобрать воедино и кратко рассказать о каждом эффекте. Ну начнём....
этой статье будет рассказано о многих возможностях ссылок. Естественно
во многих учебниках уже было всё растолковано по частям, но следует всё
разобрать воедино и кратко рассказать о каждом эффекте. Ну начнём....
Вообще ссылка представляет собой вид <a href="ваш_путь"> Имя сайта </a>, но сколько можно с этим сотворить ? Ответ:Много!
Многие видели, что при наведении на ссылку иногда может вылезти подсказка к этой ссылке, всё делается по средствам тега title.
Многие видели, что при наведении на ссылку иногда может вылезти подсказка к этой ссылке, всё делается по средствам тега title.
Словарь по HTML
<a href="другой_документ.html"></a> - ссылка
target=_blank - открывает ссылку в новом окне.
<font face="Arial">текст</font> - задает определенный шрифт
в документе (можно прописать какой-нибудь экзотический шрифт)
name="window-1" - имя фрейма, используется для ссылки на него из других
документов (фреймов), с помощью параметра тэга <a> target
(target="имя_фрейма").
scrollamount="1" - скорость движения строки, может принимать значения
от 1 до 10 (1 - самое медленное движение, 10 - самое быстрое)
target=_blank - открывает ссылку в новом окне.
name="anchor1" - имя закладки.
<area> - оперделяет геометрические области внутри карты и ссылки, связанныес каждой областью
shape="rect" (circle, poly) - тип области (прямоугольник, круг, многоугольник)
shape="rect" (circle, poly) - тип области (прямоугольник, круг, многоугольник)
coords="x1,y1,..." - координаты, количество зависит от типа области
alt="описание" - описание, подсказка
href="document.html" - ссылка
<b></b> - жирный текст
<big></big> - крупный текст
<body></body> - обязательный тэг
<body text="#cc0000"> - задает цвет текста всего документа
<body bgcolor="#000000"> - задает цвет фона документа
<body background="картинка.jpg"> - задает фоновую картинку
<body link="#ff9999"> - задает цвет ссылки
<body alink="#ff9999"> - задает цвет активной (нажатой) ссылки
<body vlink="#ff9999"> - задает цвет посещенной ссылки
<body topmargin="0"> - определяет ширину верхнего и нижнего полей документа для IE
<body leftmargin="0"> - определяет ширину левого и правого полей документа для IE
<body marginheight="0"> - определяет ширину верхнего и нижнего полей документа для NN
<body marginwidth="0"> - определяет ширину левого и правого полей документа для NN
- перенос строки (принудительный)
clear="all" (left, right) - завершение обтекания текстом объекта (картинки).
clear="all" (left, right) - завершение обтекания текстом объекта (картинки).
<center></center> - центрирование текста
<font></font> - сам по себе погоды не делает, всегда употребляется с одним из параметров, приведенных ниже
<font color="#cc0000">текст</font> - задает цвет текста выбранной части документа.
<font size="+0">текст</font> - задает размер шрифта текста (от -2 до +4)
<font face="Arial">текст</font> - задает определенный шрифт
в документе (можно прописать какой-нибудь экзотический шрифт)
<frame src="menu.html"> - определяет фрэйм и его свойства внутри frameset - главы 24 - 30.
marginheight="0" - определяет ширину верхнего и нижнего полей фрэйма.
marginwidth="0" - определяет ширину левого и правого полей фрэйма.
scrolling="yes" (no, auto) - линейка прокрутки будет всегда (никогда, если надо).
name="window-1" - имя фрейма, используется для ссылки на него из других
документов (фреймов), с помощью параметра тэга <a> target
(target="имя_фрейма").
<frameset></frameset> -
определяет фрэймовую структуру документа. Открывает и закрывает список
фрэймов - главы 24 - 30.
определяет фрэймовую структуру документа. Открывает и закрывает список
фрэймов - главы 24 - 30.
rows="100,200,*" - определяет количество и размеры горизонтальных фрэймов (рядов). Размеры задаются в процентах или пикселях.
cols="10%,20%,70%" - определяет количество и размеры вертикальных фрэймов (колонок).Размеры задаются в процентах или пикселах.
border - определяет ширину рамок фрэймов в пикселах.
<Hx></Hx> - заголовок
<head></head> - обязательный тэг
<hr> - линия
<Hr align="right"> (center или left)
<Hr width="30%"> (ширина линии в процентах)
<Hr size="6"> (толщина линии)
<Hr NoShade> (отмена объемности)
<Hr color="cc0000"> (цвет линии, только в IE)
<html></html> - обязательный тэг
<i></i> - выделяет текст курсивом
<img src="ваша_картинка.jpg"> - рисунок
Border="5" - рамка покруг картинки
width="500" - ширина картинки
height="100" - высота картинки
align="left" - расположение текста по отношению к картинке (right, top, middle, left, bottom)
vspace="10" - расстояние от картинки до текста по вертикали
hspace="30" - расстояние от картинки до текста по горизонтали
alt="описание" - описание картинки
usemap="#karta1" - ссылка на карту
<map></map> - навигационные карты
name="karta1" - имя карты
<marquee></marquee> - бегущая строка (текста)
height="16" - высота строки
width="250" - ширина строки
bgcolor="#99CCFF" - цвет фона
vspace="10" - расстояние от бегущей строки до текста (картинок, др. объектов) по вертикали
hspace="20" - расстояние от бегущей строки до текста (картинок, др. объектов) по горизонтали
loop="2" - сколько раз прокрутится строка
direction="left" (right, up, down) - направление движения строки - влево (вправо, вверх, вниз)
behavior="scroll" (slide, alternate) - поведение строки - обычная прокрутка (прокрутка с остановкой, от края к краю)
scrollamount="1" - скорость движения строки, может принимать значения
от 1 до 10 (1 - самое медленное движение, 10 - самое быстрое)
<li></li> - cписки
type="disk" - полный кружок (по умочанию)
type="circle" - полый кружок
type="square" - квадратик
</p> - параграф
<p align="center">текст</p> - центрирование текста.
<p align="right">текст</p> - выравнивание текста по правому краю документа.
<p align="left">текст</p> - выравнивание текста по левому краю документа.
<p align="justify">текст</p> - выравнивание текста по обоим краям документа.
<pre></pre> - форматированый текст
<s></s> - перечеркнутый текст
<small></small> - малый текст
<stike></strike> - перечеркнутый текст
<sub></sub> - нижний индекс
<sup></sup> - верхний индекс
<title></title> - название документа
<table></table> - таблицы
<tr></tr> - строчка (ряд) таблицы.
<td></td> - столбец (ячейка) таблицы.
bgcolor="#FFCC33" - цвет фона таблицы (строки, ячейки).
background="картинка.gif" - задает фоновый рисунок для таблицы (строки, ячейки).
width="50" или width="50%"- ширина таблицы (строки, ячейки) в пикселях или процентах.
height="45" или height="45%"- высота таблицы (строки, ячейки) в пикселях или процентах.
align="center" (right, left) - выравнивает содержимое ячейки относительно ее центра (правого или левого краев).
valign="middle" (top, bottom) - вертикальное выравнивание содержимого строки (ячейки) по середине (наверху или внизу).
colspan="2" - растянуть ячейку на несколько стобцов.
rowspan="2" - растянуть ячейку на несколько рядов.
cellspacing="5" - задает пространство между ячейками.
cellpadding="5" - задает пространство внутри ячейки между ее содержимым и границами.
border="3" - задает толщину рамки таблицы.
bordercolor="#000000" - задает цвет рамки таблицы.
<tt></tt> - фиксированный (моноширинный) текст
<u></u> - подчеркнутый текст
Подписаться на:
Сообщения (Atom)
