Только начали работать с HTML и постоянно забываете коды и дескрипторы? Не беда! Для Вас существует множество кратких справочников включая этот. По сути данная статья это логическое продолжение предыдущего урока, но от той тематики я отступил, поэтому начну все заново, с самых азов.
Первое, что я хочу сказать: начинать работать с HTML лучше всего с блокнота. Но поскольку блокнот это уже не модно и немного неудобно я рекомендую воспользоваться некоторыми онлайн редакторами. Например этим: HTML Instant.
В таких редакторах гораздо удобней начинать создавать веб-страницы.
В одной из моих статей я уже упоминал про основу построения HTML страниц, и вот я снова выкладываю схему:
Давайте начнем создание страницы. Напишем следующий каркас:
<html> <head> <title>Моя первая страница</title> </head> <body>
</body> </html>
Все очень просто и понятно. Для тех кто не сильно понял, что я сделал - переходите сюда. Каркас значит есть. Но чего-то не хватает в оформлении заголовка страницы. Наверно изображения в заголовке окна, которое правильней называть иконкой страницы.
Вставляем изображение(иконку) в заголовок web-страницыИконка вставляется в разделе <head> и код ее таков:
<link rel="SHORTCUT ICON" href="адрес картинки.ico">
Например вот код иконки в моем сайте:
... <head> <link rel="SHORTCUT ICON" href="http://professional-pc.ucoz.ru/images/ucoz/favicon.ico"/> </head> ...
Вставка гиперссылки в HTMLНередко гиперссылку называют просто ссылкой. Так проще и удобней, поэтому этот абзац мог звучать так: "Вставка ссылки в HTML". Гиперссылка вставляется по следующему шаблону:
<a href="http://адрес">текст ссылки</a>
Нередко вместо теста ссылки вставляют изображение. Например в случае с баннером моего сайта:
<a href="http://professional-pc.ucoz.ru"><img src="http://professional-pc.ucoz.ru/script_files/for_pubi/prof.gif"></a>
Кстати на счет вставки изображения. Давайте об этом поговорим...
Вставка изображения в HTMLКартинки очень сильно прижились в интернете. Не один сайт не обходится без них. Картинки вставляются по следующему шаблону:
<img src="адрес картинки">
Хочу обратить ваше внимание на то, что адрес картинки нужно указать точно. Ну и снова пример:
<img src="http://professional-pc.ucoz.ru/script_files/for_pubi/prof.gif">
Это было изображение моего банера.
Вставка таблиц в HTMLНу и наконец немного про таблицы! Таблицы - очень важная часть web-страницы. Освоить правильное построение таблиц новичкам почему то стразу не удается. Вот шаблон простой таблицы:
<table> <tr> <td> </td><td> </td> </tr> </table>
Объясняю кто за что ответственен:
<tr> - начало строки <td> - начало ячейки в строке <table> - начало таблицы | </tr> - конец строки </td> - конец ячейки в строке </table> - конец таблицы |
Вот пример простой таблицы:
<table> <tr> <td><b>Информация</b></td </tr> <tr> <td>Ячейка 1</td><td>Ячейка 2</td> </tr> </table>
Надеюсь я вам помог. До скорых встреч!
Источник: |