Таблицы используются, когда вам необходимо показать "табличные данные", например, информацию, логически упорядоченную в столбцы и ряды.
Построение таблиц в HTML может показаться сложным на первый взгляд, но, если вы не будете дёргаться, это окажется строго логичным - как и всё в HTML.
Пример 1:
<table> <tr> <td>Cell 1</td> <td>Cell 2</td> </tr> <tr> <td>Cell 3</td> <td>Cell 4</td> </tr> </table>
будет выглядеть в бр ... Читать дальше »
Здóрово было бы поместить портрет актёра и музыкальной легенды David'а Hasselhoff'а прямо в центре ваше страницы?!
Может быть, но это довольно просто сделать. Всё, что вам необходимо, как всегда, - тэг:
Пример 1:
<img src="kino.jpg" alt="8 голов в одной сумке" />
будет выглядеть в браузере: ... Читать дальше »
В этом уроке вы научитесь создавать ссылки - переходы с одной страницы на другую.
Для создания ссылки вы используете то же, что и всегда при кодировании HTML: тэг. Простой тэг с одним элементом и одним атрибутом - и вы можете перейти куда угодно. Вот пример того, как может выглядеть ссылка на HTML.net:
<a href="http://www.html.net/">Это ссылка на HTML.net</a>
будет выглядеть в браузере:
Э ... Читать дальше »
Вы можете назначать атрибуты во многих тэгах.
Как вы, возможно, помните, тэги это метки, указывающие браузеру, как нужно представлять ваш web-сайт. (Например, <br />
информирует браузер, что нужно сделать перевод строки). В некоторых тэгах вы можете вводить дополнительную информацию. Такая дополнительная информация называется "атрибут".
Пример 1:
<h2 style="background-color:#ff0000;">Мой друг HTML</h2>
Атрибуты всегда записываются внутри тэга, после них следует знак равенства и детали атрибута, заключённые в двойные кавычки. Точка с запятой после атрибута служит для раздел ... Читать дальше »
Вы уже сделали несколько страниц ? Если нет, вот пример:
<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>
Теперь выучим семь новы ... Читать дальше »
Всегда начинайте работу с базового шаблона, который мы создали на предыдущем уроке:
<html> <head> <title></title> </head> <body> </body> </html>
В разделе head всегда пишите: <title>
Название вашей страницы</title>
. Обратите внимание, что title выводится в строке заголовка окна браузера:
Этот title очень важен, поскольку используется поисковыми машинами (такими, как Goo ... Читать дальше »
Всегда начинайте работу с базового шаблона, который мы создали на предыдущем уроке:
<html> <head> <title></title> </head> <body> </body> </html>
В разделе head всегда пишите: <title>
Название вашей страницы</title>
. Обратите внимание, что title выводится в строке заголовка окна браузера:
Этот title очень важен, поскольку используется поисковыми машинами (такими, как Goo ... Читать дальше »
После полученных в предыдущем уроке знаний вы уже через несколько минут создадите свой первый web-сайт.
В Уроке 1 мы узнали, что необходимо для создания web-сайта: браузер и Notepad (или аналогичная программа - текстовый редактор). Поскольку вы читаете этот текст, то ваш браузер уже открыт. Вам нужно открыть лишь дополнительное окно браузера (открыть браузер ещё раз), и вы сможете читать этот учебник и одновременно видеть ваш новый web-сайт.
Также откройте Notepad (в Accessories в Programs - Start menu):
Теперь мы готовы!
После полученных в предыдущем уроке знаний вы уже через несколько минут создадите свой первый web-сайт.
В Уроке 1 мы узнали, что необходимо для создания web-сайта: браузер и Notepad (или аналогичная программа - текстовый редактор). Поскольку вы читаете этот текст, то ваш браузер уже открыт. Вам нужно открыть лишь дополнительное окно браузера (открыть браузер ещё раз), и вы сможете читать этот учебник и одновременно видеть ваш новый web-сайт.
Также откройте Notepad (в Accessories в Programs - Start menu):
Теперь мы готовы!
Теперь вы готовы начать изучение HTML-тэгов.
Тэги это метки, которые вы используете для указания браузеру, как он должен показывать ваш web-сайт.
Все тэги имеют одинаковый формат: они начинаются знаком "<" и заканчиваются знаком sign ">".
Обычно имеются два тэга - открывающий: <html> и закрывающий: </html>. Различие в том, что в закрывающем имеется слэш "/".
Всё содержимое, помещённое между открывающим и закрывающим тэгами, является содержимым тэга.
Н, как говорится, из каждого правила есть исключения, и в HTML также имеются тэги, которые являются и открывающими, и закрывающими. Эти тэги не содержат т ... Читать дальше »