Сайт поможет начинающему web-мастеру в создании вашей первой html-страницы. А более опытному мастеру, возможно, напомнит о каких то деталях. Основная тематика сайта - создание сайтов, HTML, web-программирование.


Аббревиатуры

Автор: admin | Дата: 26.04.2008

HTML - HyperText Markup Language (Язык разметки гипертекста)
WWW - World Wide Web
ПК - Персональный компьютер

Аббревиатурами пользоваться нужно, если не хотите перегружать вашего читателя лишней информацией. Вам же приятно читать краткий, информативный текст? Но, не все аббревиатуры настолько популярны, как приведенные выше. Поэтому для их рассшифровки в HTML применяется тег <acronym> с параметром TITLE. Конструкция имеет следующий вид:

<acronym title=”World Wide Web”>WWW</acronym>

А вот, как это будет выглядеть в браузере:

WWW

Похожие записи

Теги: , , ,

Теги <H1>…<H6> для создания заголовка

Автор: admin | Дата: 24.03.2008

Статья без заголовка? Как машина без колес! В HTML для указания заголовка статьи имеется сразу 6 тегов. Все они парные, и имеют несложный синтаксис. Самый крупный шрифт необходимо поместить в тег <h1>, второй по размеру <h2> и так до <h6>. Для чего мне нужно помещать заголовок в эти теги, когда я могу просто указать необходимый мне размер заголовка с помощью других тегов, например <span>. Во-первых, указание заголовка тегами H, имеет положительную сторону в оптимизации вашей страницы для интернета. ПС обратит внимание на заголовок и возможно по нему определит тематику данной страницы. Во-вторых, вы можете настроить шрифт, цвет и другие параметры заголовка с помощью технологии CSS.

Пример кода для определения основных параметров тега H

Читать далее…

Похожие записи

Теги: , , , , ,

Тройка тегов: выделение, подчеркивание, курсив

Автор: admin | Дата: 23.03.2008

Для того чтобы выделить часть текста в html применяется тег <b>. Тег парный, но если вы забудете закрывающий тег, все что следует за открывающим тегом примет жирное начертание и поправить ошибку будет несложно. Альтернативный тег <strong>, он также служит для выделения текста жирным начертанием. В последней версии спецификации html вместо <b> рекомендуется использование тега <strong>

Для подчеркивания применятся тег <u>, например, <u>текст, который надо подчеркнуть</u>. Для выделения участка текста, или всего текста курсивом используется тег <i>, также возможно применение тегов <em> и <cite>, которые выполняют аналогичную функцию. Вы можете использовать эти теги совместно, для того, чтобы сделать текст жирным и наклонным: <b><i>жирный и наклонный</b></i>, или наклонным и подчеркнутый <i><u>наклонный и подчеркнутый</i></u>.

А как ты сделал такое: H2O? Применил тег <sub>, для размещения текста относительно нижней линии строки. А наоборот? Просто, применяем, тег <sup>, например (x+5y)3. Все не запомнишь, но эти теги наиболее часто используются для разметки текста, далее, отображаем заголовки.

Похожие записи

Теги: , ,

Рассмотрим тег <META>

Автор: admin | Дата: 09.02.2008

Данный тег содержит информацию о html-странице, в частности можно описать кодировку, описание, ключевые слова и автора страницы. С помощью тега можно создать редирект, например, если ваш сайт сменил адрес, или изменилась структура сайта. Все, вводимые параметры не выводятся на экран, т.е. это своеобразная техническая информация для браузера, поисковых систем, пользователей. Указывая ключевые слова, вы помогаете поисковой системе, хотя в последнее время кажется это уже не актуально, т.к. ПС сама определит ключевые слова исходя из текста страницы.

От теории к практике! Распространенные примеры использования тега <META>

Сначала о редиректе. Как уже сказано выше, единственное ее предназначение это переадресация пользователя на заданный адрес. Для тега вы можете указать интеревал времени, по истечении которого будет будет осуществлен переход.

Читать далее…

Похожие записи

Теги: , , ,

Основная структура html-страницы

Автор: admin | Дата: 15.01.2008

Структура любой страницы имеет следующий вид:

<html>
<head>
<title>Заголовок</title>
</head>
<body>
Информация на странице (текст, таблицы, картинки и т.д.)
</body>
</html>

Наверное, вы уже догадались, что тег это конструкция вида <html>, <head>, <title> и т.д. Тогда, обратите внимание на еще один факт, теги в html – парные. Т.е. на каждый открывающий тег, должен быть свой закрывающий!

Читать далее…

Похожие записи

Теги: , ,