HtmlGuide.ru
Учебник по HTML, CSS и Web-дизайну
Сайт поможет начинающему web-мастеру в создании вашей первой html-страницы. А более опытному мастеру, возможно, напомнит о каких то деталях. Основная тематика сайта - создание сайтов, HTML, web-программирование.
Браузеры
Автор: admin | Дата: 15.11.2007
Так уж сложилось, что самым популярным браузером на сегодняшний день является Internet Explorer. Но помимо него, существуют и другие программы для просмотра сайтов в сети (браузеры) к которым относятся: Mozilla FireFox, Netscape, Opera и другие. Поэтому, при создании html-страницы, необходимо учесть, что в других браузерах страница может отображаться по-разному. Например, если вы забудете закрывающую кавычку в параметре какого-нибудь тега, IE проигнорирует ее, и выведет на экран html-страницу без ошибок, в тоже время совершенно иначе поведет себя Mozilla.
Часто на странице может находиться информация, что сайт оптимизирован для просмотра такого-то браузера. Но сложно назвать такой подход правильным.
Несмотря на преимущества IE, среди которых:
Похожие записиТеги: html, Mozilla, Netscape, Opera, web, браузеры, программы
Горизонтальная линия, тег <HR>
Автор: admin | Дата: 08.11.2007
Для вставки горизонтальных линий в HTML применяется тег <HR>. Редкий случай одиночного тега, тем не менее, он имеет ряд важных параметров, которые определяют вид, ширину и толщину линии. Рассмотрим параметры тега:
<hr width=”500″>
Параметр width, тега <hr> указывает на ширину линии, равную той, которую вы указали в кавычках. Размер указывается в пикселях, но вы можете указать проценты, например, <hr width=”50%”>
<hr size=”2″>
Параметр size, делает толщину линии, равную той, которую укажете в кавычках, так же как и с шириной линии, толщина указывается в пикселях.
Для выравнивания линии, по центру, справа или слева применяется знакомый нам параметр ALIGN. А вот примеры его использования:
<hr align=”center”>
<hr align=”left”>
<hr align=”right”>
Так же вы можете в теге <HR> применять различные параметры, например <hr align=”center” width=”500″>
Существует еще один интересный параметр тега, который отображает толстую линию. Пример:
<hr noshade>
Похожие записиПоговорим о HTML?
Автор: admin | Дата: 30.10.2007
Отбросим все термины, расшифровку данной аббревиатуры, и опишем простым языком понятие HTML. HTML - это язык разметки текста, выделение жирным цветом, курсивом, подчеркивание, ссылки все это делается путем конструкций, которые и образуют язык разметки. В повседневной жизни мы часто сталкиваемся с ситуацией, когда нам нужно напечатать текст. Сейчас, ничего сложного в этом нет, достаточно открыть текстовый редактор, например Word, и напечатать текст.
Создавая страницу для Web, вы также работаете с текстом. Я хочу вас порадовать, многие редакторы html-страниц, позволят вам работать так же, как и с текстовым редактором. Вам останется лишь вводить с клавиатуры текст, или же просто вставлять его, если он уже имеется. Однако же, знание конструкций, благодаря которым текст меняет свой шрифт, цвет, и размер помогут вам в случае необходимости, самим поправить в коде параметры.
HTML - это просто!
И это действительно так. Надеюсь, вы уже поняли, что HTML - это не язык программирования, это не тома книг. Достаточно пары страниц, чтобы описать основные конструкции, для создания небольшой html-страницы. Как в математике, и любой другой науке, в HTML необходимо знать основы, а все остальное придет с опытом. И эти основы выучить намного легче, чем таблицу умножения. Вам не нужно размышлять на тему специальных кодов, вы должны понимать, что HTML всего лишь форматирует, оформляет ваш текст.
Похожие записиПрограммы для создания web-страниц
Автор: admin | Дата: 27.10.2007
Лень - двигатель прогресса. И прогресс не обошел стороной создание web-страниц. Хорошим тоном считается, если html-редактор позволяет верстать как в обычном, текстовом, так и визуальном режимах. Таким образом, html-редакторы составляют отличную альтернативу, привычному всем блокноту. В большинстве случаев вы не сразу найдете отличия html-редактора от, например, редактора Word. Это панель инструментов, на которой располагаются привычные всем кнопки создания таблиц, линеек, выделения текста. Вам останется всего-то ввести текст, а все остальные действия, по добавлению картинок, музыкальных файлов, таблиц, форматированию текста предоставить html-редактору.
К сожалению не все так хорошо. Многие html-редакторы, помимо, самих тегов, зачастую добавляет много мусора в код html-страницы. Всем известный Word, после создания html-страницы, предлагает код, который врядли можно разобрать. После работы в визуальном режиме, просмотрите получившийся код, и если результат вас не устроит, почистите весь мусор. Для этого и рекомендуется выучить синтаксис html прежде, чем работать с визуальными редакторами.
Похожие записиОбщие вопросы по HTML
Автор: admin | Дата: 15.09.2007
Общие вопросы по HTML
Список будет постоянно обновляться и пополняться, если у вас есть вопросы или предложения пишите на info[]htmlguide.ru
Какая разница между расширениями .htm и .html?
Между этими тегами разницы нет. Вы можете выбрать любой тип расширения, но запомните, что они образуют разные файлы. Т.е. страницы page.htm и page.html будут разными.
Что делать, если я хочу вывести какой-нибудь код, например <h2> или код пробела
Для того, чтобы вывести любой html тег, можно заменить открывающую скобку, на код, который, выводит эту скобку, в нашем примере, для того, чтобы вывести на страницу тег <h2> я заменил, открывающую скобку на код < Пример. <h2>
Спец. символы, в нашем примере начинается со знака амперсанда. Поэтому самый простой способ, заменить знак амперсанда, кодом, который выводит этот знак, т.е. с кода & Тогда для того, чтобы вывести знак пробела необходимо прописать &nbsp;
Похожие записиТеги: html
Рубрики
Самое читаемое
- Рассмотрим тег <META> (190)
- Теги <H1>…<H6> для создания заголовка (178)
- Поговорим о HTML? (177)
- Горизонтальная линия, тег <HR> (176)
- Браузеры (174)
- Оптимизация графики для Web (163)
- Тройка тегов: выделение, подчеркивание, курсив (162)
- Аббревиатуры (154)
- Параметр ALIGN в HTML (150)
- Тег <FONT> - часть I (143)
- Тег <FONT> - часть II. Изменяем гарнитуру текста (140)