Форум "Мы - вместе!" - Основы языка 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

Цитата:

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

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

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

Цитата:

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

ты больше пишешь команды, чем делаешь сам сайт

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

Цитата:

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

Первый сайт я планирую сделать простеньким

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