| Основные теги |
Показаны сообщения с ярлыком Создание сайтов. Показать все сообщения
Показаны сообщения с ярлыком Создание сайтов. Показать все сообщения
Баг в таблице
В этой статье я расскажу о особенностях в html которые должен знать
каждый. Я расскажу как обойти ошибку на которые я сам натыкался. Без
того что я расскажу будет сложно в будущем. Нередко возникают вопросы у
веб-мастеров о html. Рано или поздно сам находишь ошибки которые
совершал и раньше. В статье я буду говорить по большей части о
табличном html. Именно сложная структура сайта лежит в таблицах и
именно в них происходят сбои. В большом количестве таблиц можно лекго
запутаться и когда потом открываешь свой код немного позже бывает
сложно что-то найти и изменить.
каждый. Я расскажу как обойти ошибку на которые я сам натыкался. Без
того что я расскажу будет сложно в будущем. Нередко возникают вопросы у
веб-мастеров о html. Рано или поздно сам находишь ошибки которые
совершал и раньше. В статье я буду говорить по большей части о
табличном html. Именно сложная структура сайта лежит в таблицах и
именно в них происходят сбои. В большом количестве таблиц можно лекго
запутаться и когда потом открываешь свой код немного позже бывает
сложно что-то найти и изменить.
Включение апплета Java в документ HTML
Апплет Java, как и программа на JavaScript, должен выполняться из
гипертекстового документа HTML. Именно с этим свойством апплетов
связано происхождение термина "выполняемое содержимое". Чтобы включать
апплеты в файл HTML, испульзуется HTML-тег <applet>. Тег <applet>
является контейнерным тегом. Это значит, что в тексте гипертекстового
документа за этим тегом обязательно должен быть указан закрывающий тег </applet>. Ниже привожу синтаксис тега
гипертекстового документа HTML. Именно с этим свойством апплетов
связано происхождение термина "выполняемое содержимое". Чтобы включать
апплеты в файл HTML, испульзуется HTML-тег <applet>. Тег <applet>
является контейнерным тегом. Это значит, что в тексте гипертекстового
документа за этим тегом обязательно должен быть указан закрывающий тег </applet>. Ниже привожу синтаксис тега
Эффект буквицы
В типографических изданиях очень часто можно встретить буквицу –
выделенную по размеру и цвету первую букву первого абзаца. Красиво так
смотрится… Вот бы к себе такую на сайт! Некоторые ограничиваются
использованием рисунков, но вдруг посетитель отключил показ картинок.
Тогда не будет ни буквицы, ни красоты: от нее останется только пустой
квадратик. Решением проблемы становится применение 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> - подчеркнутый текстCheapTop — качественная раскрутка за разумные деньги!
CheapTop — быстро и дешево в топ! Или качественная и действенная раскрутка за разумные деньги и даже бесплатно!
Вы разработали веб-сайт, возможно даже с оригинальным дизайном, уникальным контентом, отличной информативностью и великолепной навигацией! Но, к сожалению, не факт, что его хоть кто-то увидит и посетит. Он может потеряться в полной безизвестности просторов Интернета, среди великого множества других, не менее привлекательных ресурсов. Сайт нужно продвигать!
HTML 5 и CSS 3, Web 2.0
Практическое руководство по созданию современных Web-сайтов, соответствующих концепции Web 2.0. Описаны языки HTML 5 и CSS 3,
Бесплатная раскрутка сайта – с чего начать и как продолжить?
Создание качественного, интересного и полезного web-ресурса – это только половина дела. Следующий этап – раскрутка сайта.
На этапе раскрутки и продвижения сайта можно обратиться за помощью к специалистам, оплатить энную сумму и через некоторое время получить раскрученный посещаемый сайт. А можно пойти другим путем: попробовать самому выяснить, что такое бесплатная раскрутка сайта и набраться ценного SEO опыта.
Несмотря на то, что бесплатная раскрутка сайта требует больших затрат времени, интеллектуальных усилий и элементарной усидчивости, она обладает одним неоспоримым преимуществом перед платной раскруткой.
Каким?
На этапе раскрутки и продвижения сайта можно обратиться за помощью к специалистам, оплатить энную сумму и через некоторое время получить раскрученный посещаемый сайт. А можно пойти другим путем: попробовать самому выяснить, что такое бесплатная раскрутка сайта и набраться ценного SEO опыта.
Несмотря на то, что бесплатная раскрутка сайта требует больших затрат времени, интеллектуальных усилий и элементарной усидчивости, она обладает одним неоспоримым преимуществом перед платной раскруткой.
Каким?
Оптимальное размещение ключевых слов
Как известно, ключевые слова имеют довольно важное значение в раскрутке сайта. Неправильно подобранные поисковые фразы не смогут привлечь целевую аудиторию на сайт, что приведёт к бесполезной оптимизации ресурса и зря истраченным средствам.
Как должен выглядеть сайт для успешной раскрутки
Давно известно, что успешная раскрутка сайта во многом зависит от его дизайна и содержания. Однако у большинства людей, создающих свой ресурс, при слове «дизайн» возникает ассоциация с сайтом перегруженным графикой, эффектами и flash объектами. От этого действительно сайт может стать более ярким и привлекательным, однако так же могут возникнуть некоторые проблемы.
Содержание сайта - основа его успешной раскрутки
В основном люди, посещающие Интернет, имеют в основном две цели – либо общение, либо поиск нужной информации. Поэтому, создавая свой сайт, следует позаботиться о том, что бы посетители нашли именно у Вас всё их интересующее.
Как повысить тИЦ и PR?
Если Вы интересуетесь, собираетесь заняться, или занимаетесь продвижением ресурса в сети Интернет, то наверняка слышали, а может и знаете сущность таких понятий, как тИЦ и Page Rank (далее PR). Для начинающих вебмастеров объясняю.
ТИЦ – индекс цитирования Вашего сайта в поисковых системах.
ТИЦ – индекс цитирования Вашего сайта в поисковых системах.
Как не стоит раскручивать свой ресурс?
Если у Вас еще нет опыта в продвижении сайтов, если Вы – начинающий вебмастер, то стоит очень внимательно прочитать эту статью, хорошо задумываясь над ее содержимым. По теме продвижения сайта в сети издано неимоверное количество литературы, написано море статей, но во всем этом есть доля некорректной, ненужной информации, которая никак не поможет продвинуть ресурс. Эту информацию нужно уметь различать. Перечислить все виды бесполезной раскрутки в одной статье – нереально. По этой теме можно написать книгу в три тома. Поэтому я приведу примеры лишь самых распространенных обманных видов продвижения.
Продажа ссылок и санкции поисковых систем
Многие веб-мастера стремятся получить дополнительный доход от сайта путем продажи ссылок на продвигаемые оптимизаторами другие ресурсы. Изначально такие сделки заключались вручную, затем появились
Самые грубые и распространенные ошибки при создании сайта, которые тормозят продвижение
Создавая сайт сегодня, вебмастер преследует, как одну из главных целей, заработок денег на этом сайте. В его планах в первую очередь создание источника постоянного либо временного, основного либо дополнительного источника доходов.
Создание личного сайта
Данная статья посвящена тому, что бы показать компаниям и коммерческим фирмам достоинства наличия собственного сайта и описать те факторы, благодаря которым он становится именно вашим.
Правильная SEO оптимизация кода страниц
SEO-специалистам уже давно известно, что наряду с внешними и внутренними факторами ранжирования сайтов в поисковых системах на позиции в SERP’е влияют и т.н. поведенческие (пользовательские) факторы.
Подписаться на:
Сообщения (Atom)
