Учимся писать HTML коды
Начнем с простого=)) Самая обычная страница состит из тегов <html>,</html>,<head>,</head>,<body> и <!-- copyright (i3) --><div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s200.ucoz.net/img/cp/7.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div><!-- /copyright --> </body>. Так же есть другие тэги.В <heаd> всегда eсть код <title>,в нем пишеся название сайта.Так же,если у вас на сайте есть таблица стилей(style.css),в <head> пишется такой код: <link rel="stylesheet" type="text/css" href="style.css">.Я буду постоянно здесь его писать.После идeт тег <body>.В Внутри тега обычно задают фон.Выглядит так: <body background="адрес фона" или bgcolor="код цвета">.А после пишут остальные теги.Потом вся страничка закрывается.Вот пример интернет-странички: <html> <head> <title> Название сайта </title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body background="адрес фона" или bgcolor="код цвета"> всякие коды,тексты и т.д. <!-- copyright (i3) --><div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s200.ucoz.net/img/cp/7.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div><!-- /copyright --> </body> </html> --------------------- Легко,да?Сейчас мы будем изучать следущие теги.Это <img>,<a>,<h1>,<font>,<b>,<s>,<i>,<u>,<iframe>,<br>,<table>. Начнем с первого.<img>-тег для картинки.только с помощью его мы можем поставить на сайт картинку.пишется так: <img src="адрес картинки"> Следущий тег:<a>-тег для ссылки,переходника на другую страницу.Пишется так: <a href="адрес страницы">Текст,по которому кликают,чтобы перейти на следущую страницу.Здесь может быть и картинка, и текст, и ещё что-нибудь.Чаще всего используются тексты и картинки</a> Для того чтобы ссылки меняли страницу в фрейме,нужно вписать такой код target="имя фрейма"(<a href="адрес страницы" target="имя фрейма">Link</a>) <h1>-С помощью этого кода делают заголовки.Пишется так: <h1>Текст</h1> <font>-с помощью этого тега красиво оформляют текст.если у вас стоит таблица стилей,и там есть информация про оформление,то нужно просто написать: <font>Текст</font> Теги <b>,<s>,<i>,<u> служат для зачеркивания,подчеркивания и для того,чтобы можно было сделать текст жирным или курсивным(наклонным). <b>-жирный текст(пишется:<b>Текст</b>) <i>-курсивный текст(пишется:<i>Текст</i>) <s>-зачеркнутый текст(пишется:<i>Текст</i>) <u>-подчеркнутый текст(пишется:<u>Текст</u>) И последний тег: <iframe> В этом теге можно поместить какую-либо старничку. В теге есть необходимые коды,это: name=""-имя фрейма,нужен для того чтобы ссылки меняли страницу в фрейме src=""-сюда нужно вписать адрес страницы,которую вы хотите видеть(обычно вписывают адрес главной странички,где вы пишите новости) height="px"-указывает длину фрейма width="px"-указывет ширину фрейма Пишется весь код так: <iframe name="имя фрейма" height="px" width="px" frameborder="0" border="0" src="адрес нужной страницы" frameSpacing=0></iframe> тег <br> служит для перехода на следущую строку. <table>-тег для создания таблицы.В нем можно делать фон(background="адрес фона" или bgcolor="код цвета") и границы(broder="px") В нем есть теги <tr> и <td> С помощью тега <td>можно делать вертикальные столбцы,а с помощью тега <tr> можно делать горизонтальные столбцы. Сделаем таблицу на 2 вертикальных и 2 горизонтальныхстолбца: <table background="адрес фона" или bgcolor="код цвета" border="px"><tr> <td> 1 столбик</td><td>2 столбик</td></tr><tr> <td>3 столбик</td><td>4 столбик</td></tr></table> Теперь пример заполненной страницы: <html> <head> <title> Название сайта </title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>Текст</h1> <br> <table background="адрес фона" или bgcolor="код цвета" border="px"><tr> <td> <a href="адрес страницы" target="имя фрейма">Link</a><br><a href="адрес страницы">Текст,по которому кликают,чтобы перейти на следущую страницу.Здесь может быть и картинка, и текст, и ещё что-нибудь.Чаще всего используются тексты и картинки</a></td><td><img src="адрес картинки"></td></tr><tr> <td><font><b>Текст</b> <i>Текст</i> <i>Текст</i> <u>Текст</u></font></td><td><iframe name="имя фрейма" height="px" width="px" frameborder="0" border="0" src="адрес нужной страницы" frameSpacing=0></iframe></td></tr></table> <br> <!-- copyright (i3) --><div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s200.ucoz.net/img/cp/7.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div><!-- /copyright --> </body> </html>
Back
