PDA

Просмотр полной версии : Основы языка HTML


Игорь
03.05.2004, 17:10
Не секрет, что большинство страниц Интернет-сайтов написано на языке HTML. Краткий справочник HTML с удобной навигацией Вы найдете ЗДЕСЬ (http://ooi.elektrostal.ru/crt/htmlhelp.htm). Он выручит тех, у кого нет времени читать учебники HTML, которых в Сети великое множество. В этой теме Вы можете задавать вопросы по HTML, Вам охотно ответят...

Апельсинка
11.01.2006, 11:13
А можно выложить сюда то, что больше всего понадобится в написании на HTML?

Хрустальная гора
11.01.2006, 14:52
А можно выложить сюда то, что больше всего понадобится в написании на HTML?
Что значит больше понадобится? :) Скажете тоже... Там многое может понадобиться... Смотря чем заниматься будете...
Кстати, вот отличная ссылка:
http://htmlbook.ru

Игорь
11.01.2006, 20:56
Для новичков приведу простейший код HTML, теги HTML заключены в угловые скобки <...>, обязательные теги HTML написаны заглавным шрифтом, сохраните код в файле begin.html и посмотрите в браузере, в коде Вы найдете основные приемы оформления текста web-страниц:
<HTML>
<HEAD>
<TITLE>Название</TITLE>
<META http-equiv="Content-Language" content="ru">
<META http-equiv="content-type" content="text/html; charset=Windows-1251">
</HEAD>
<BODY text="#000000" bgcolor="#FFFFCC">
<!-- Коментарий: На следущей строке - закладка с именем begin. -->
<a name="begin"></a>
Язык
гипертекстовой разметки
HTML
<br>
<center>По центру</center>
<br>Заголовок: <h1>1</h1><h2>2</h2><h3>3</h3><h4>4</h4><h5>5</h5><h6>6</h6>
<br>Шрифт: <i>курсив</i>, <b>жирный</b>, <u>подчеркнутый</u>.
<br>Цвет: <font color="#FF0000">красный</font>,
<font color="#00FF00">зеленый</font>, <font color="#0000FF">синий</font>.
<br>Размер: <font size="0">0</font>, <font size="1">1</font>,
<font size="2">2</font>, <font size="3">3</font>, <font size="4">4</font>,
<font size="5">5</font>, <font size="6">6</font>, <font size="7">7</font>,
<font size="+4">+4</font>, <font size="-3">-3</font>.
<p>Это абзац</p>
<p align="left">Этот абзац расположен слева</p>
<p align="center">Этот абзац по центру</p>
<p align="right">Этот абзац справа</p>
<p align="justify">Этот абзац с ровными краями</p>
<br><ul>Список ненумерованый:<li>вариант1<li>вариант1<li>вариант3</ul>
<br><ol>Список нумерованый:<li>вариант1<li>вариант1<li>вариант3</ol>
<br>Картинка: <img src="color1.gif">
<br>Ссылка: <a href="#begin">В начало страницы</a>
</BODY>
</HTML>


Я настоятельно рекомендую всем новичкам ознакомиться с первоисточником. Полное описание HTML дано в Спецификации HTML 4.0. Для удобства пользователей локальная версия Спецификации HTML 4.0 на русском языке выложена самораскрывающимся архивом 406236 байт ЗДЕСЬ (http://www.ihope.ru/lib/html4w3c.exe). Данная спецификация определяет HyperText Markup Language (Язык разметки гипертекстов - HTML) версии 4.0. Данный документ просматривался членами W3C и другими заинтересованными лицами и организациями, и одобрен в качестве Рекомендации W3C. Это постоянный документ; он может использоваться в качестве справочника или приводиться в других документах в качестве нормативного. После распаковки архива документ просматривайте в браузере, начиная с файла index.html.

Костя
31.08.2006, 13:32
Игорь, когда я узнал про способ строения сайта с помощью языка HTML, то решил сделать свой пробный сайт про себя свои увлечения и т.п. Сначала HTML показался мне удобным, изучал я его по учебнику на сайте http://postroika.ru (удобный иллюстрированный учебник), но потом возникли проблемы: 1. учебник читается только в интернете, поэтому чтобы его нормально изучать надо все страницы копировать на комп (но по-моему у всех инет учебников и она не самая главная ); 2. я не страдаю склерозом, но значение тэгов быстро забывается тем, более один тэг имеет несколько значений. Я бы хотел попробовать изучить HTML по книге, не знаешь какая книга подходит для создания простого не навороченного сайта? Хотел попробовать сделать сайт на http://narod.yandex.ru/, говорят там быстро, не понял как, хотя многие объясняли. Ещё говорят есть специальные программы: все команды с помощью кнопок выполняются. P.S. Я не отказался бы от любой помощи в строении своего первого сайта.

Игорь
31.08.2006, 23:37
Я не отказался бы от любой помощи в строении своего первого сайта.Поможем обязательно.


Хотел попробовать сделать сайт на http://narod.yandex.ru/, говорят там быстроТам и будем строить Ваш первый сайт. Если это дело Вы освоите, то следующий свой сайт можно у нас делать.


Я бы хотел попробовать изучить HTML по книге, не знаешь какая книга подходит для создания простого не навороченного сайта?Книг много. Но сам я учился не по книге, а в Интернете, читал электронные учебники, подсматривал HTML-код понравившихся сайтов, на практике осваивал приемы верстки HTML-страниц. В книге же практики мало.


Ещё говорят есть специальные программы: все команды с помощью кнопок выполняются.Спецпрограмм тоже много. Лично мне нравится HomeSite, где имеются режимы ftp-клиента, браузера, построения таблиц стилей, визуальной вестки HTML-страниц, верстки HTML-кода вручную либо с помощью кнопок, форм и всплывающих подсказок тегов и их параметров. Однако сам я пишу HTML-код вручную, при наличии навыков такой код получается изящней, компактней и быстрее.


учебник читается только в интернете, поэтому чтобы его нормально изучать надо все страницы копировать на компНачиная изучать HTML, я конспектировал руководства в Интернете и тоже мечтал об учебнике для новичков, который читался бы на моем компе без подключения к Интернету. Свои конспекты по основам HTML для новичков я сверстал в виде простейшего локального сайта HTMLBABY, архив которого выкладываю ниже. В папке HTMLBABY, которая появится при раскрытии архива, загрузите файл index.html, подключение к Интернету не требуется. Кроме описания основ HTML внимательно изучите код всех HTML-файлов в папке HTMLBABY - это научит Вас верстать простые сайты.

Хрустальная гора
31.08.2006, 23:39
Могу порекомендовать программы:

Allaire HomeSite
Macromedia Dreamweaver

Во второй можно вести так называему визивиг разработку, когда не надо код писать, а только мышкой водить. Но такой способ только для новичков. Ибо грамотный код можно написать только руками. И поучиться там можно, есть напоминалка команд. А по поводу учебника, скажи куда, и я скину...

Костя
01.09.2006, 17:49
У тебя аська есть а то мне про ссылки не совсем понятно, и ещё есть вопросы

Игорь
01.09.2006, 19:27
У тебя аська есть а то мне про ссылки не совсем понятно, и ещё есть вопросыАська есть. Сообщите мне приватно в личном сообщении Ваш номер ICQ, я с Вами свяжусь. Можно также связаться с помощью @MAIL.RU Agent, подробности ЗДЕСЬ (http://forum.ihope.ru/showthread.php?t=1013). Однаео, я с еще большим удовольствием отвечу на Ваши вопросы прямо здесь, в этой теме, так как тогда наше обсуждение увидят много посетителей, наверняка оно кому-то еще поможет.

Костя
06.09.2006, 15:04
Игорь, передо мной стоит делема: я не знаю как создать свой сайт. С начала я хотел создать сайт на narod.ru , там говорят его проще всего сделать, но я плохо разбираюсь в работе ссылками, наверное поэтому не понял как его там делать. Потом перешёл на язык html, он конечно очень удобен можно полностью «подогнать» сайт под себя, но подучив этот язык и попрактиковавшись, я понял, что на создание одной страницы уходит очень много времени, ты больше пишешь команды, чем делаешь сам сайт. Игорь, подскажи какой способ лучше(я склоняюсь к первому)? Первый сайт я планирую сделать простеньким свой первой сайт:расскажу там о себе о своих увлечениях и буду помещать туда свои статьи о том какие мероприятия проводятся для инвалидов там где я живу. Будет время найди меня в Mail. Агент, я там Костя Фролов или в аске, там мой ник CoolChap

Игорь
06.09.2006, 17:47
С начала я хотел создать сайт на narod.ru , там говорят его проще всего сделать... Потом перешёл на язык html, он конечно очень удобен можно полностью «подогнать» сайт под себя... Игорь, подскажи какой способ лучше(я склоняюсь к первому)?Оба способа приводят к ОДНОМУ результату - верстке нескольких файлов на языке HTML. Только второй способ верстает ВСЕ ВРУЧНУЮ. А первый способ верстает КОЕ-ЧТО АВТОМАТИЧЕСКИ, используя сервис и алгоритмы NAROD.RU, - поэтому для новичков он проще. Но придумать тексты и структуру сайта может только сам разработчик сайта, NAROD.RU и прочие сервисы сети думать за разработчика не умеют. Костя, давайте сначала придумаем структуру Вашего сайта. Предлагаю такой вариант: на каждой странице сайта информация расположена на центрированной полосе шириной 590 пикселей и начинается с картинки-логотипа, далее следует горизонтальное меню, далее заголовок и потом содержание информации. Название пунктов горизонтального меню, заголовки и содержание информации можете придумать только Вы как разработчик.


ты больше пишешь команды, чем делаешь сам сайтКостя, так ведь код страниц сайта строится из команд (тегов) HTML. Если мой сайт HTMLBABY для новичков Вам структурно непонятен, то я готов сверстать еще более простую структуру сайта, понятную лично для Вас.


Первый сайт я планирую сделать простенькимРегистрируйтесь на NAROD.RU и я помогу сверстать структуру Вашего простенького сайта.