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

Игорь · 03.05.2004, 17:10

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

<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.

Костя · 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, подробности ЗДЕСЬ. Однаео, я с еще большим удовольствием отвечу на Ваши вопросы прямо здесь, в этой теме, так как тогда наше обсуждение увидят много посетителей, наверняка оно кому-то еще поможет.

Костя · 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 и я помогу сверстать структуру Вашего простенького сайта.

11.01.2006, 20:56	#4
Игорь Администратор Гуру Simon Champion! Регистрация: 19.03.2004 Адрес: город Электросталь Московской области. Возраст: 64 Сообщения: 2,648 Вы сказали Спасибо: 171 Поблагодарили 373 раз(а) в 267 сообщениях Вес репутации: 20	Для новичков приведу простейший код 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. __________________ Как ты хочешь, чтоб с тобой поступали люди, - так и ты поступай с ними!!! ________________ Внимание!!! Важная информация портала "Мы - вместе!" - не упустите!!! ________________ Ура!!! Итоги конкурса "Золотая Паутина Подмосковья 2007" - наш форум в призерах!!! ________________ http://we.ihope.ru/help.shtml - Электростальская городская общественная организация молодых инвалидов "Мы - вместе!" с благодарностью принимает пожертвования. Любая Ваша помощь очень нужна!

31.08.2006, 23:39	#7
Хрустальная гора Пользователь Гуру Регистрация: 23.03.2004 Адрес: Электросталь Возраст: 46 Сообщения: 2,141 Вы сказали Спасибо: 320 Поблагодарили 329 раз(а) в 239 сообщениях Вес репутации: 13	Могу порекомендовать программы: Allaire HomeSite Macromedia Dreamweaver Во второй можно вести так называему визивиг разработку, когда не надо код писать, а только мышкой водить. Но такой способ только для новичков. Ибо грамотный код можно написать только руками. И поучиться там можно, есть напоминалка команд. А по поводу учебника, скажи куда, и я скину... __________________ Завтрашний день будет потом. Все, что нам нужно, нам нужно сейчас! Время горит ясным огнем. Остановите нас!

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид

11.01.2006, 11:13	#2
Апельсинка Пользователь Завсегдатай Регистрация: 14.02.2005 Возраст: 41 Сообщения: 359 Вы сказали Спасибо: 7 Поблагодарили 14 раз(а) в 9 сообщениях Вес репутации: 10	А можно выложить сюда то, что больше всего понадобится в написании на HTML?

31.08.2006, 13:32	#5
Костя Пользователь Завсегдатай Регистрация: 15.07.2005 Адрес: Оренбург Возраст: 36 Сообщения: 473 Вы сказали Спасибо: 129 Поблагодарили 56 раз(а) в 44 сообщениях Вес репутации: 11	Игорь, когда я узнал про способ строения сайта с помощью языка HTML, то решил сделать свой пробный сайт про себя свои увлечения и т.п. Сначала HTML показался мне удобным, изучал я его по учебнику на сайте http://postroika.ru (удобный иллюстрированный учебник), но потом возникли проблемы: 1. учебник читается только в интернете, поэтому чтобы его нормально изучать надо все страницы копировать на комп (но по-моему у всех инет учебников и она не самая главная ); 2. я не страдаю склерозом, но значение тэгов быстро забывается тем, более один тэг имеет несколько значений. Я бы хотел попробовать изучить HTML по книге, не знаешь какая книга подходит для создания простого не навороченного сайта? Хотел попробовать сделать сайт на http://narod.yandex.ru/, говорят там быстро, не понял как, хотя многие объясняли. Ещё говорят есть специальные программы: все команды с помощью кнопок выполняются. P.S. Я не отказался бы от любой помощи в строении своего первого сайта.

Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)