Форум "Мы - вместе!" - Основы языка HTML

Форум "Мы - вместе!" (http://forum.ihope.ru/index.php)

- Обучение (http://forum.ihope.ru/forumdisplay.php?f=15)

- - Основы языка HTML (http://forum.ihope.ru/showthread.php?t=79)

Основы языка HTML

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

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

Цитата:

Сообщение от Апельсинка

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

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

Для новичков приведу простейший код HTML, теги HTML заключены в угловые скобки <...>, обязательные теги HTML написаны заглавным шрифтом, сохраните код в файле begin.html и посмотрите в браузере, в коде Вы найдете основные приемы оформления текста web-страниц:

Код HTML:

<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 байт ЗДЕСЬ. Данная спецификация определяет HyperText Markup Language (Язык разметки гипертекстов - HTML) версии 4.0. Данный документ просматривался членами W3C и другими заинтересованными лицами и организациями, и одобрен в качестве Рекомендации W3C. Это постоянный документ; он может использоваться в качестве справочника или приводиться в других документах в качестве нормативного. После распаковки архива документ просматривайте в браузере, начиная с файла index.html.

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

Цитата:

Сообщение от Костя

Я не отказался бы от любой помощи в строении своего первого сайта.

Поможем обязательно.

Цитата:

Сообщение от Костя

Хотел попробовать сделать сайт на http://narod.yandex.ru/, говорят там быстро

Там и будем строить Ваш первый сайт. Если это дело Вы освоите, то следующий свой сайт можно у нас делать.

Цитата:

Сообщение от Костя

Я бы хотел попробовать изучить HTML по книге, не знаешь какая книга подходит для создания простого не навороченного сайта?

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

Цитата:

Сообщение от Костя

Ещё говорят есть специальные программы: все команды с помощью кнопок выполняются.

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

Цитата:

Сообщение от Костя

учебник читается только в интернете, поэтому чтобы его нормально изучать надо все страницы копировать на комп

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

Могу порекомендовать программы:

Allaire HomeSite
Macromedia Dreamweaver

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

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

Цитата:

Сообщение от Костя

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

Аська есть. Сообщите мне приватно в личном сообщении Ваш номер ICQ, я с Вами свяжусь. Можно также связаться с помощью @MAIL.RU Agent, подробности ЗДЕСЬ. Однаео, я с еще большим удовольствием отвечу на Ваши вопросы прямо здесь, в этой теме, так как тогда наше обсуждение увидят много посетителей, наверняка оно кому-то еще поможет.

Что лучше

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