HTML от WhiteLinen

Тема: HTML от WhiteLinen Ср Апр 06, 2011 8:01 am

Зашла в свою любимую Википедию и вот какое определение нашла для html

Цитата :: HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML . Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.

Я бы пожалуй сравнила HTML с пишущей машинкой. Специальные тэги (так же называемые дескрипторами) говорят браузеру как расположить на веб-странице предложения, параграфы, таблицы, картинки, какой величины/жирности должен быть текст и многое другое.

Что такое тэг? Он включает в себя фигурные скобки <> и кодовое слово.

Все что вы делаете, обязательно помещать между начальным и конечным тэгом. Если конечный тэг отсутствует, ваш код не будет работать.

Код:: <html>
<body>

<h1>My First Heading</h1>

<h2>My second heading.</h2>

</body>
</html>

html тэг сообщает вашему браузеру что загружаемая страница написана на языке разметки гипертекста

Тег body определяет видимую часть документа.В этом разделе располагается вся содержательная часть документа (текст статьи, фотографии, формы для заполнения, другие объекты).

И наконец тэги h1 и h2 определяют размер заголовка

Тема: Re: HTML от WhiteLinen Ср Апр 06, 2011 1:26 pm

Заголовок h1....

Заголовок h2

Заголовок h3

Заголовок h4

Заголовок h5

Заголовок h6

Юля ,я скопировал этот код с сайта .xiper.net
там строчки выстроились строго по размеру шрифта,а здесь ,как видите,не получилось,в чем проблема ?

Тема: Re: HTML от WhiteLinen Чт Апр 07, 2011 6:29 am

Все таки это форум ) Для того что бы протестировать страничку, вам понадобится обычный NotePad - они как правило есть на любом компьютере, можно так же загрузить Notepad++, как более удобный.
Сначала открываете новый документ - File->New

Потом надо перевести его в Plain Text
Format=>Make Plain Text

Теперь можете вставить ваш кусочек кода и сохраните его как index.html

А после можете свободно тестировать - открываете любой браузер, File=>Open File и voila! Ваши заголовки в полном порядке )

Тема: Re: HTML от WhiteLinen Чт Апр 07, 2011 6:53 am

Чуточку усложним пример

Код:: <html>
<body>

<h1 align="center">My First Heading</h1>

<p>My first paragraph goes here. It is not aligned yet</p>

</body>
</html>

В данном примере мы создаем заголовок и помещаем его строго в центре окошка. Окошко можно сжимать и расширять - заголовок всегда будет посередине.

Тэг

Код:: <p></p>

создаст первый параграф

Тема: Re: HTML от WhiteLinen Чт Апр 07, 2011 4:07 pm

Пока все понятно....align="center" это ,как я понял ,не обязательный атрибут

Тема: Re: HTML от WhiteLinen Сб Апр 09, 2011 5:05 am

Юлечка, вот элемент моего сайтика :

HTML от WhiteLinen 4345f476563aacaf06a0b6e613fbf0db

а вот код его начинки :

Как бы мне раскинуть карты, чтобы посимметричнее легли ?
Всю правду рассказывать не обязательно, поскольку ручку
не позолочу, но что-нибудь вроде дальней дороги к счастью
не казённому не помешает. 8)
Я имею в виду отодвинуть масти друг от друга, то есть, пробел
хэтэмээльский нужен.

Тема: Re: HTML от WhiteLinen Сб Апр 09, 2011 5:30 am

Код:: <a href="http://putagradec.ucoz.ru/index/0-7"><img src="http://putagradec.ucoz.ru/Pictures/Piki.jpg" border="0"></a>

<a href="http://putagradec.ucoz.ru/index/0-10"> <img src="http://putagradec.ucoz.ru/Pictures/Bubny.jpg" border="0"></a>

проблел устанавливается посредством

Код::

)

Тема: Re: HTML от WhiteLinen Сб Апр 09, 2011 5:33 am

У меня почему то этот значок не показывает попробую по другому

& nbsp;

только без пробела между & и nbsp;

Тема: Re: HTML от WhiteLinen Сб Апр 09, 2011 8:28 am

Можно так же посредством таблиц

Код:: <table width="4" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="http://putagradec.ucoz.ru/index/0-7"><img src="http://putagradec.ucoz.ru/Pictures/Piki.jpg" border="0"></a></td>
<td> </td>
<td><a href="http://putagradec.ucoz.ru/index/0-10"> <img src="http://putagradec.ucoz.ru/Pictures/Bubny.jpg" border="0"></a></td>
</tr>
</table>

Можно задать ширину через table width - я установила четыре пикселя.

Можно сделать по-другом - задать размер только одному окошку, тому которое вы хотите использовать как интервал:

Код:: <table>
<tr>
<td><a href="http://putagradec.ucoz.ru/index/0-7"><img src="http://putagradec.ucoz.ru/Pictures/Piki.jpg" border="0"></a></td>
<td width="10"> </td>
<td><a href="http://putagradec.ucoz.ru/index/0-10"> <img src="http://putagradec.ucoz.ru/Pictures/Bubny.jpg" border="0"></a></td>
</tr>
</table>

Как видите вместо того что бы задавать размер для table width, я задала размер для тэг td = 10 пикселей. Результат на кнопку )

Тема: Re: HTML от WhiteLinen Сб Апр 09, 2011 8:45 am

Давайте заодно разберем как строятся таблицы. Таблица заключается в тэги

Код:: <table></table>

Тэг tr определят горизонтальный ряд (row), td - вертикальный ряд(column). Сначала мы решаем сколько горизонтальных рядов нам необходимо: допустим выбирае два

Код:: <table>
<tr></tr>
<tr></tr>
</table>

теперь добавим в ряды по три клетки

Код:: <table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>

Дальше поиграем с размером и рамками

Код:: <table width="10" border="2" cellspacing="1" cellpadding="1">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>

Вставим туда ссылки на картинки в шахматном порядке и
Вот так это будет выглядеть

Тема: Re: HTML от WhiteLinen Сб Апр 09, 2011 12:45 pm

Мандрато пупа !..
Спасибо, Юль, прямо с утречка влепил пробелы,
осталось зайти ещё с двух мастей.

Тема: Re: HTML от WhiteLinen Сб Апр 09, 2011 9:36 pm

Если вы хотите что бы навигационное меню было строго в центре страницы, достаточно добавить к тэгу table
align="center"

Тема: Re: HTML от WhiteLinen Вс Апр 17, 2011 1:43 am

Ребята, самое главное - когда мы сталкиваемся с проблемой в разработке страницы, можно использовать самое легкое решение пока мы учимся. Но главное помнить - есть более сложные и интересные решения и быть готовым перейти к этим решениям.

Я потом еще напишу несколько тем по html и css - с работы сил на все не хватает )

Тема: Re: HTML от WhiteLinen Чт Июл 21, 2011 1:37 am

Юлечка, хелп-айдез !
На моём сайте, оказывается, есть доставки. Стал искать, как ими
пользоваться - тне нашёл : ни кнопок, ни каких-либо намёков на них.
Зашёл на форум моего хостинга, прочёл инструкцию, сделал информер,
но не знаю, как вставить код на страницу комментариев - там, по логике,
самое место доставкам.
Коды информера : $MYINF_2$

"<скрипт type="text/javascript" src="http://putagradec.ucoz.ru/informer/2">"

Тема: Re: HTML от WhiteLinen Чт Июл 21, 2011 3:47 am

Юль, отбой : разобрался сам. yes

Тема: Re: HTML от WhiteLinen Чт Июл 21, 2011 3:58 am

Игорь, вот с этого начинается настоящий программист )

Тема: Re: HTML от WhiteLinen Чт Июл 21, 2011 4:28 am

А-а, не совсем - в коды Личной странички юзера и Вида материалов форума
код формы доставок вставляется и работает, а вот попытки вставить его
на другие страницы или в форму комментариев не прохонже.

Тема: Re: HTML от WhiteLinen Чт Июл 21, 2011 4:28 am

Ненастоящий программист заканчивается с меня. 8)

» zlata, Вам подарок от: WhiteLinen
» @putagradec, тебе подарок от: WhiteLinen