В этом уроке наш сайт представит вам вашего нового знакомого - HTML. Что такое HTML?
HTML это "родной язык" вашего браузера (программы просмотра вэб-страниц).
Говоря кратко, HTML был изобретён в 1990 году учёным, (Тимом Бёрнсом-Ли) (Tim Berners-Lee), и предназначался для облегчения обмена документ между учёными различных университетов. Проект имел большой успех, чем (Tim Berners-Lee)мог ожидать. Этим изобретением HTML он заложил основы современной сети Internet.
HTML это язык, который позволяет представлять информацию (например, научные исследования) в Internet. То, что вы видите при просмотре страницы в Internet, это интерпретация вашим браузером HTML-текста. Чтобы увидеть HTML-коды страницы в Internet, щёлкните "View" в линейке меню вашего браузера и выберите "Source".
Для неискушённого HTML-код выглядит сложным, но этот учебник поможет вам разобраться в нём. Вы бы хотели меня спросить! Для чего я могу использовать HTML?
Если вы очень хотите создавать web-сайты, вы не обойдётесь без HTML. Даже если вы используете для создания web-сайтов такие программы, как Dreamweaver, знание основ HTML значительно упростит вам жизнь, а ваш web-сайт станет намного интересней. Хорошей новостью является то, что HTML легко изучать и использовать. Через два урока вы уже создадите ваш первый web-сайт.
HTML используется для создания web-сайтов. И это очень просто! И тут я придвидел ваш следующий вопрос вы меня спросите! Okay, но как расшифровывается H-T-M-L?
HTML это сокращение от "HyperText Mark-up Language/язык гипертекстовой разметки" - и на данном этапе этого знания вам вполне достаточно. Однако, чтобы всё было путём, давайте разъясним некоторые детали. Hyper противоположно linear/построчно. В добрые старые времена - когда кошки ловили мышей - компьютерные программы работали построчно: программа выполняла одну строку, затем переходила к выполнению следующей, и т. д. Но HTML работает по-иному - вы можете перейти куда и когда захотите. Например, не нужно посещать MSN.com до того, как посетить HTML.net. Text - всё понятно. Mark-up - это разметка, то, что вы делаете с текстом. Вы размечаете текст так же, как вы делаете это в текстовых редакторах: выставляете заголовки, списки, выделяете текст жирным шрифтом и т. д. Language это язык - HTML. В нём используется много английских слов.
В данной теме вы будете изучать так называемы XHTML (Extensible HyperText Mark-up Language), который, коротко говоря, является новым и более структурированным вариантом HTML.
Если вы поняли, что такое HTML (и XHTML), давайте перейдём к тому, для чего они оба предназначены: к созданию web-сайтов.
Урок 2: Что такое HTML-тэги?
Теперь вы готовы начать изучение HTML-тэгов. "Тэги"?
Тэги это метки, которые вы используете для указания браузеру, как он должен показывать ваш web-сайт.
Все тэги имеют одинаковый формат: они начинаются знаком "<" и заканчиваются знаком sign ">".
Обычно имеются два тэга - открывающий: <html> и закрывающий: </html>. Различие в том, что в закрывающем имеется слэш "/".
Всё содержимое, помещённое между открывающим и закрывающим тэгами, является содержимым тэга.
Н, как говорится, из каждого правила есть исключения, и в HTML также имеются тэги, которые являются и открывающими, и закрывающими. Эти тэги не содержат текста, а являются метками, например, перенос строки выглядит так: <br />.
HTML - это тэги, и ничего кроме тэгов. Для изучения HTML нужно изучить различные тэги. Можете вы привести какие-нибудь примеры?
Okay, тэг <b> информирует браузер, что весь текст между <b> и </b> должен быть напечатан жирным шрифтом. ("b" это сокращение для "bold".)
Пример 1:
Code
<b>This text must be bold.</b>
будет выглядеть при просмотре в браузере:
Code
This text must be bold.
Тэги <h1>, <h2>, <h3>, <h4>, <h5> и <h6> указывают браузеру создавать заголовки (h для "heading"), где <h1> это заголовок первого уровня - самый крупный шрифт, <h2> - заголовок второго уровня - шрифт меньшего размера, и <h6> - заголовок шестого уровня - самого низкого в этой иерархии, и самый маленький шрифт.
Пример 2:
Code
<h1>Это заголовок</h1> <h2>Это подзаголовок</h2>
будет выглядеть в браузере: Это заголовок Это подзаголовок В каком регистре должны вводиться буквы тэгов?
Большинству браузеров безразлично, в каком регистре введены буквы тэгов. <HTML>, <html> или <HtMl> обычно даёт одинаковый результат. Однако корректным будет нижний регистр. Поэтому привыкайте печатать тэги в нижнем регистре. Где размещать все эти тэги ?
Вы печатаете ваши тэги в HTML-документе. На web-сайте имеется один или более HTML-документов. Когда вы бродите по Web, вы открываете различные HTML-документы.
Если вы перейдёте к следующему уроку, то уже через 10 минут сможете создать свой первый web-сайт.]
P.S Kasper
Помог ставь +
Пpогpесс сделал pозетки недоступными большинству детей... В результате погибают самые одаpенные.
Сообщение отредактировал Kasper - Пятница, 02.07.2010, 02:29
После полученных в предыдущем уроке знаний вы уже через несколько минут создадите свой первый web-сайт. Как?
В Уроке 1 мы узнали, что такое html:и так что нам понадобится браузер и Notepad (или аналогичная программа - текстовый редактор). Поскольку вы читаете этот текст, то ваш браузер уже открыт. Вам нужно открыть лишь дополнительное окно браузера (открыть браузер ещё раз), и вы сможете читать этот учебник и одновременно видеть ваш новый web-сайт.
Также откройте Notepad (в Accessories в Programs - Start menu):
Теперь мы готовы!
Что я могу?
Начнём с чего-нибудь попроще. Как насчёт страницы, на которой написано: "Ура! Это моя первая web-страница." Читайте дальше, и вы узнаете, как это легко сделать.
HTML прост и логичен. Браузер читает HTML так, как читаете его вы: сверху вниз и слева направо. Таким образом, HTML-документ начинается и заканчивается тем, чем должен начинаться и заканчиваться текст.
Во-первых необходимо сообщить браузеру, что вы будете "говорить" с ним на языке HTML. Это делается тэгом <html> (тут ничего нового). Так что, прежде чем напечатать что-либо, нужно поставить тэг "<html>" в первой строке документа Notepad.
Как вы, возможно, помните из предыдущего урока, <html> это открывающий тэг, который должен иметь и закрывающий тэг после того, как вы закончите ввод HTML. Поэтому, чтобы не забыть, поставьте закрывающий тэг "</html>" на пару строк ниже и вводите весь текст документа между <html> и </html>.
Следующее, что необходимо, это "head" (голова или "шапка"), которая содержит служебную информацию о вашем документе, и "body" (тело), содержимое самого документа. Поскольку HTML логичен, head (<head> и </head>) находятся выше body (<body> и </body>).
Ваш документ теперь должен выглядеть так:
Code
<html> <head> </head>
<body> </body>
</html>
Обратите внимание, как мы структурировали тэги по строкам (с помощью клавиши Enter) и какие сделали отступы (клавишей Tab). В принципе не важно, как вы структурируете ваш HTML-документ. Но, для облегчения чтения кода, настоятельно рекомендуем структурировать ваш HTML с помощью перевода строк и отступов, как в нашем примере.
Вот вы уже и сделали вашу первую web-страницу - первенца, который, возможно, выглядит не так, как вы предполагали, когда начинали читать этот учебник, но это уже, в некотором роде, web-сайт. Вы создали базовый шаблон для всех последующих HTML-документ. Ну ладно, но как мне добавить содержимое в мой web-сайт?
Как вы уже видели ранее, в вашем HTML-документе есть две части: а head и body. В разделе head вы вносите информацию о странице, а body содержит информацию самой страницы.
Например, если вы хотите дать название документу, чтобы оно появлялось в верхней строке браузера, это нужно сделать в разделе "head". Тэг для названия - <title>:
Code
<title>Моя первая web-страница</title>
Обратите внимание, что этот title не появляется на самой web-странице. Всё, что вы хотите видеть на самой странице, является содержимым/content и должно, следовательно, находиться между тэгами "body".
Итак, мы хотим, чтобы на странице выводилось "Ура! Это моя первая страница." Этот текст, который вы хотите показать, и, естественно, он должен располагаться в разделе body. Поэтому в разделе body напечатайте следующее:
Code
<p>Ура! Это моя первая страница.</p>
Буква p в <p> это сокращение от "paragraph" и означает именно это - параграф текста.
Ваш HTML-документ должен теперь иметь такой вид:
Code
<html>
<head> <title>My first page </title> </head>
<body> <p>Hurrah! This is my first page.</p> </body>
</html>
Готово! Вы создали свой первый настоящий web-сайт!
Теперь нужно сохранить его на жёсткий диск, а затем открыть в вашем браузере: В Notepad выберите "Save as..." в меню "File". Выберите "All Files" в боксе "Save as type". Это очень важно - иначе вы сохраните файл как обычный текстовый документ, а не как HTML-документ. Теперь сохраните ваш документ как "page1.htm" (расширение ".htm" указывает, что это HTML-документ. ".html" даст тот же результат. Я всегда использую ".htm", но вы можете выбрать любое из этих двух расширений). Где вы сохраните документ на жёстком диске - не имеет значения, главное запомнить это место, чтобы потом легко найти файлы.
Теперь откроем браузер: Выберите "Open" в меню "File". Щёлкните "Browse" в появившемся диалоге. Теперь найдите ваш HTML-документ и щёлкните "Open".
Теперь вы должны увидеть страницу с текстом "Ура! Это моя первая страница." в вашем браузере. Поздравляем!
Если вы хотите, чтобы весь мир увидел ваше творение, можете перейти в Урок 14 и вы узнаете, как выгрузить вашу страницу в Internet. Или наберитесь терпения и читайте дальше. Всё ещё только начинается.
P.S Kasper
Помог ставь +
Пpогpесс сделал pозетки недоступными большинству детей... В результате погибают самые одаpенные.
Сообщение отредактировал Kasper - Пятница, 02.07.2010, 02:28
Всегда начинайте работу с базового шаблона, который мы создали на предыдущем уроке:
Code
<html> <head> <title></title> </head>
<body> </body>
</html>
В разделе head всегда пишите: <title>Название вашей страницы</title>. Обратите внимание, что title выводится в строке заголовка окна браузера:
Этот title очень важен, поскольку используется поисковыми машинами (такими, как Google) для индексирования вашего web-сайта и показа в результатах поиска.
В разделе body вы записываете содержимое страницы. Теперь вы уже знаете несколько важных тэгов:
Запомните: единственный метод выучить HTML - метод проб и ошибок. Но не сомневайтесь, вы никогда не сможете повредить компьютер или Internet. Поэтому экспериментируйте - это лучший способ набраться опыта. Что это означает?
Никто не сможет стать хорошим создателем web-сайтов, изучая примеры в этом учебнике. Здесь вы лишь научитесь понимать основные строительные блоки - чтобы освоить всё, вы должны использовать эти блоки по-новому и творчески.
Итак, вы смело нырнули в омут с головой, крепко стоите на ногах... Okay, может быть и нет. Но беритесь за дело и экспериментируйте с тем материалом, который изучаете. И что теперь?
Попытайтесь самостоятельно создать несколько страниц. Например, сделайте страницу с title, heading, текстом, подзаголовком и ещё каким-нибудь текстом. Неплохо подглядывать в учебник, когда вы делаете первые страницы. Но впоследствии пытайтесь делать уже по памяти, не заглядывая в справочники.
P.S Kasper
Помог ставь +
Пpогpесс сделал pозетки недоступными большинству детей... В результате погибают самые одаpенные.
Сообщение отредактировал Kasper - Пятница, 02.07.2010, 02:54
Вы уже сделали несколько страниц ? Если нет, вот пример:
Code
<html>
<head> <title>My web-сайт</title> </head>
<body> <h1>A Heading</h1> <p>text, text text, text</p> <h2>Subhead</h2> <p>text, text text, text</p> </body>
</html>
Теперь что?
Теперь выучим семь новых тэгов.
Таким же образом, как вы делали текст жирным шрифтом с помощью тэга <b>, вы можете придать ему характер курсива/italic тэгом <i>. И конечно, "i" это сокращение от "italic".
Пример 1:
<i>Это должно быть выведено курсивом.</i>
будет выглядеть в браузере:
Это должно быть выведено курсивом.
Аналогично можно уменьшить размер шрифта тэгом <small>:
Пример 2:
<small>Это будет выведено уменьшенным шрифтом.</small>
будет выглядеть в браузере:
Это будет выведено уменьшенным шрифтом. Могу ли использовать несколько тэгов одновременно?
Да, исключая перекрывание тэгов. Это проще увидеть на примере:
Пример 3:
Если вы хотите вывести текст bold и italic, это нужно сделать так:
<b><i>Текст bold и italic</i></b>
а НЕ так :
<b><i>Текст bold и italic</b></i>
Разница в том, что, в первом случае, мы закрыли первый тэг в последнюю очередь. Так мы избегаем конфликтов в браузере. Ещё тэгов!
Как сказано в Уроке 4, есть тэги, которые являются одновременно открывающими и закрывающими. Эти тэги содержат команды, которые не связаны с конкретными буквами, являются изолированными командами. Пример - тэг <br />, который создаёт перевод строки:
Пример 4:
Некоторый текст<br /> и ещё текст, уже на новой строке
будет выглядеть в браузере: Некоторый текст и ещё текст, уже на новой строке
Заметьте, что этот тэг записан как гибрид открывающего и закрывающего тэгов с пробелом и слэшем: <br />. В принципе, его можно записывать <br></br>, но зачем усложнять?
Другой такой тэг - <hr /> - рисует горизонтальную линию ("hr" от "horizontal rule"):
Пример 5:
<hr />
будет выглядеть в браузере:
Примеры тэгов, требующих наличия и закрывающего тэга: <ul>, <ol> и <li>. Эти тэги используются для вывода списков.
<ul> - сокращение от "unordered list/неупорядоченный список" - вставляет значок кнопки для каждого элемента списка. <ol> - сокращение от "ordered list/упорядоченный список" - нумерует каждый элемент списка. Для создания элемента списка используйте тэг <li> ("list item/элемент списка"). Непонятно? См. примеры:
Пример 7:
<ul> <li>Элемент списка</li> <li>Другой элемент списка</li> </ul>
выглядит в браузере: Элемент списка Другой элемент списка
Пример 8:
<ol> <li>Первый элемент списка</li> <li>Второй элемент списка</li> </ol>
выглядит в браузере: Первый элемент списка Второй элемент списка Фи! И это всё?
Всё на сегодня. Итак, экспериментируйте и создавайте ваши собственные страницы с семью новыми тэгами, изученными на этом уроке:
<i>Italic</i> <small>Уменьшенный шрифт</small> <br /> перевод строки <hr /> Горизонтальная линия <ul>Список</ul> <ol>Упорядоченный список</ol> <li>Элемент списка</li>
P.S Kasper
Помог ставь +
Пpогpесс сделал pозетки недоступными большинству детей... В результате погибают самые одаpенные.
Сообщение отредактировал Kasper - Пятница, 02.07.2010, 02:53
Вы можете назначать атрибуты во многих тэгах. Что такое атрибут?
Как вы, возможно, помните, тэги это метки, указывающие браузеру, как нужно представлять ваш web-сайт. (Например, <br /> информирует браузер, что нужно сделать перевод строки). В некоторых тэгах вы можете вводить дополнительную информацию. Такая дополнительная информация называется "атрибут".
Пример 1:
Code
<h2 style="background-color:#ff0000;">Мой друг HTML</h2>
Атрибуты всегда записываются внутри тэга, после них следует знак равенства и детали атрибута, заключённые в двойные кавычки. Точка с запятой после атрибута служит для разделения команд разных стилей. Мы к этому ещё вернёмся. О чём же речь?
Атрибуты бывают разные. Первый изученный вами атрибут это style/стиль. С помощью этого атрибута вы можете настраивать отображение вашего web-сайта. Например, цвет фона/background colour:
Пример 2:
Code
<html>
<head> </head>
<body style="background-color:#ff0000;"> </body>
</html>
выведет в браузере страницу красного цвета - проверьте сами. Мы детально объясним, как работает цветовая система.
Обратите внимание, что некоторые тэги и атрибуты используют американскую разновидность английского языка, т. е. color вместо colour. Важно использовать именно такой вариант написания, как мы используем в примерах в этом учебнике - иначе браузеры не смогут понять ваш код. Также не забывайте ставить двойные кавычки после атрибута. Как страница стала красной?
В предыдущем примере мы запросили вывод красного фона кодом "#ff0000". Это код красного цвета в т. н. шестнадцатиричном формате (HEX). Каждому цвету соответствует своё 16-ричное число. Вот примеры:
16-ричный код цвета состоит из # и шести цифр или букв. Существует более 1000 HEX кодов и бывает непросто определить, какой HEX-код какому цвету соответствует. Для удобства мы советуем иметь карту 216 самых распространённых кодов цвета: 216 Web Safe Colour Chart.
Можно использовать также английские названия самых распространённых цветов (white, black, red, blue, green и yellow).
Пример 3:
Code
<body style="background-color: red;">
Но хватит о цвете. Давайте вернёмся к атрибутам. Какие тэги могут использовать атрибуты?
Различные атрибуты могут применяться для большинства тэгов.
В таких тэгах, как body, вы будете часто использовать атрибуты, а, например, в тэге br - редко, поскольку перенос строки это обычно перенос строки без каких-либо уточняющих параметров.
Имеется множество тэгов, есть и много атрибутов. Есть атрибуты, предназначенные специально для какого-то определённого тэга, а другие можно использовать в разных тэгах. И наоборот: некоторые тэги могут иметь только один какой-то определённый атрибуты, в то время как другие тэги - несколько атрибутов.
Это может звучать немного непонятно, но, когда вы выучите различные атрибуты, вы увидите, что всё построено очень логично, что использовать атрибуты легко и просто, и что они значительно расширяют ваши возможности.
В этом учебнике мы рассмотрим самые важные атрибуты. Кстати, их каких ещё частей состоит тэг?
Основная часть тэга называется элемент (например, p в <p>). Таким образом, тэг состоит из элемента (например, <p>), либо из элемента плюс один или более атрибутов (например, <p style="background-color:#ff0000;">). Проще некуда.
P.S Kasper
Помог ставь +
Пpогpесс сделал pозетки недоступными большинству детей... В результате погибают самые одаpенные.
Сообщение отредактировал Kasper - Пятница, 02.07.2010, 02:26
В этом уроке вы научитесь создавать ссылки - переходы с одной страницы на другую. Что необходимо для создания ссылки?
Для создания ссылки вы используете то же, что и всегда при кодировании HTML: тэг. Простой тэг с одним элементом и одним атрибутом - и вы можете перейти куда угодно. Вот пример того, как может выглядеть ссылка на HTML.net: Пример 1:
Code
<a href="http://www.html.net/">Это ссылка на HTML.net</a>
будет выглядеть в браузере: Это ссылка на HTML.net
Элемент a обозначает "якорь/anchor". Атрибут href это сокращение от "hypertext reference/гипертекстовая ссылка", специфицирующий место, на которое выполняется переход по данной ссылке - обычно это internet-адрес и/или имя файла.
В примере атрибут href имеет значение "http://www.html.net", которое является полным адресом HTML.net и называется URL (Uniform Resource Locator/универсальный локатор ресурса). Обратите внимание, что"http://" всегда должно входить в состав URLов. Слова "Это ссылка на HTML.net" это текст, который показывается в браузере как ссылка. Не забудьте закрыть тэг </a>. Как насчёт ссылок между моими собственными страницами?
Если вы делаете ссылки между страницами на одном web-сайте, то не нужно указывать полный адрес (URL) документа. Например, если у вас две страницы (назовём их page1.htm и page2.htm), сохранённые в одной папке, вы можете сделать ссылку с одной страницы на другую, просто напечатав имя файла в ссылке. То есть ссылка с page1.htm на page2.htm будет выглядеть так: Пример 2:
Code
<a href="page2.htm">Щёлкните здесь для перехода на page 2</a>
Если page 2 помещена в подпапку "subfolder", ссылка выглядит так: Пример 3:
Code
<a href="subfolder/page2.htm">Щёлкните здесь для перехода на page 2</a>
В обратную сторону ссылка со страницы page 2 (в подпапке subfolder) на page 1 будет такой: Пример 4:
Code
<a href="../page1.htm">Ссылка на page 1</a>
Сочетание "../" указывает на папку, расположенную на один уровень выше от данной позиции файла, с которого делается ссылка. Следуя этой логике, вы можете также указать на два уровня выше "../../" или более.
Разобрались? Альтернативно вы всегда можете указать полный адрес файла (URL). А ссылки внутри страницы?
Вы можете также создавать ссылки-переходы внутри самой страницы - например, оглавление со ссылками на главы. Всё, что вам необходимо, - использовать атрибут id и символ "#".
Используйте атрибут id для маркировки элемента, на который вы хотите сделать переход. Например:
Code
<h1 id="heading1">heading 1</h1>
Теперь можно создать ссылку на этот элемент с помощью знака "#" в атрибуте ссылки. Знак "#" сообщает браузеру, что это переход на той же самой странице. После "#" должен следовать id тэга, на который выполняется переход. Например:
Code
<a href="#heading1">Ссылка на heading 1</a>
Всё станет понятнее на примере: Пример 5:
Code
<html>
<head> </head>
<body>
<p><a href="#heading1">Ссылка на heading 1</a></p> <p><a href="#heading2">Ссылка на heading 2</a></p>
<h1 id="heading1">heading 1</h1> <p>Text text text text</p>
<h1 id="heading2">heading 2</h1> <p>Text text text text</p>
</body>
</html>
выглядит в браузере (щёлкните по ссылкам):
P.S Kasper
Помог ставь +
Пpогpесс сделал pозетки недоступными большинству детей... В результате погибают самые одаpенные.
Как видно из приведённого примера, это, возможно, самый сложный из примеров HTML, которые мы вам давали до сих пор. Давайте здесь остановимся и сделаем пояснения:
Для вставки таблиц используются 3 базовых тэга: <table> - начало и конец таблицы. Логично. <tr> - "table row/ряд таблицы", начинает и заканчивает горизонтальный ряд ячеек. Тоже логично. <td> - сокращение от "table data/табличные данные". Этот тэг начинает и заканчивает каждую ячейку ряда таблицы. Всё просто и логично.
Вот что происходит в Примере 1: таблица начинается с <table>, затем идёт <tr>, указывающий на начало нового ряда. В ряду вставлены две ячейки: <td>Cell 1</td> и <td>Cell 2</td>. Ряд закрывается </tr>, и сразу начинается новый ряд <tr>. В новом ряду также две ячейки. Таблица закрывается </table>.
Чтобы было ещё понятнее: ряды это горизонтальные строки ячеек, а столбцы - вертикальные столбцы ячеек:
Cell 1 Cell 2 Cell 3 Cell 4
Cell 1 и Cell 2 образуют ряд. Cell 1 и Cell 3 образуют столбец.
В вышеприведённом примере в таблице имеются два ряда и два столбца. Но в таблице может быть неограниченное число рядов и столбцов.
Толщина рамки специфицируется в пикселах (См. Урок 9)
Как и с изображениями, вы можете указывать размер таблицы в пикселах или в процентах от размера экрана:
Пример 4:
<table border="1" width="30%">
Этот пример будет отображён в браузере как таблица шириной в 30% экрана. Проверьте сами. Ещё атрибуты?
У таблиц есть много атрибутов. Вот ещё два: align: специфицирует выравнивание содержимого всей таблицы по горизонтали, в ряду или в отдельной ячейке. Например, left, center или right. valign: специфицирует выравнивание по вертикали в ячейке. Например, top, middle или bottom.
Пример 5:
<td align="right" valign="top">Cell 1</td>
Что можно вставлять в таблицы?
Теоретически - всё: текст, ссылки и изображения... НО таблицы предназначаются для вывода табличных данных (т. е. данных, которые изначально представляются в виде столбцов и рядов), поэтому избегайте вставки данных в таблицы только потому, что вы хотите разместить их рядом друг с другом.
В добрые старые времена Internet - т. е. несколько лет назад - таблицы часто использовались для распределения содержимого на странице. Однако сегодня для этого есть более крутой способ - CSS. Но об этом позже.
Теперь примените ваши знания на практике и создайте несколько таблиц различных размеров, с разными атрибутами и содержимым. Это займёт у вас несколько часов.
P.S Kasper
Помог ставь +
Пpогpесс сделал pозетки недоступными большинству детей... В результате погибают самые одаpенные.
Сообщение отредактировал Kasper - Пятница, 02.07.2010, 02:45
Название "Ещё о таблицах" может звучать немного вызывающе. Если вы уже можете создавать таблицы, то уже абсолютно ничто в HTML не может смутить вас. Что же ещё?
При создании таблиц используются два атрибута: colspan и rowspan.
Colspan - сокращение от "column span/охват столбцов". Colspan используется в тэге <td> для специфицирования того, сколько столбцов охватывает данная ячейка:
Установка colspan "3", заставляет ячейку в первом ряду охватывать три столбца. Если установим colspan "2", ячейка охватит только два столбца, и понадобится вставить дополнительные ячейки в первый ряд, чтобы ячейки ровно распределились на два ряда.
В этом примере rowspan имеет значение "3" в ячейке Cell 1. Это указывает, что ячейка должна охватывать три ряда (свой собственный ряд плюс ещё два). Cell 1 и Cell 2 при этом остаются в одном ряду, а Cell 3 и Cell 4 образуют отдельные ряды.
Удивлены ? Как видите, это не так сложно. Неплохо будет нарисовать таблицу на бумаге до начала работы в HTML.
Неудивительно ? Тогда вернитесь к началу и создайте пару таблиц с использованием colspan и rowspan.
P.S Kasper
Помог ставь +
Пpогpесс сделал pозетки недоступными большинству детей... В результате погибают самые одаpенные.
Сообщение отредактировал Kasper - Пятница, 02.07.2010, 02:52
Дорогие пользователи старался для вас надеюсь вы это оцените, это всего лишь меньшая часть html в полном пояснение html около 300ст. Жилаю вам удачи в изучение html с уважением Kasper
P.S Kasper
Помог ставь +
Пpогpесс сделал pозетки недоступными большинству детей... В результате погибают самые одаpенные.
