HTML от WhiteLinen

автор WhiteLinen в Ср Апр 06, 2011 3: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 определяют размер заголовка

автор slavyan в Ср Апр 06, 2011 8:26 am

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

Заголовок h2

Заголовок h3

Заголовок h4

Заголовок h5

Заголовок h6

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

автор WhiteLinen в Чт Апр 07, 2011 1:29 am

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

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

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

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

автор WhiteLinen в Чт Апр 07, 2011 1: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>

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

автор slavyan в Чт Апр 07, 2011 11:07 am

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

автор putagradec в Сб Апр 09, 2011 12:05 am

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

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

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

автор WhiteLinen в Сб Апр 09, 2011 12: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>

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

Код:

)

автор WhiteLinen в Сб Апр 09, 2011 12:33 am

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

& nbsp;

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

автор WhiteLinen в Сб Апр 09, 2011 3: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 пикселей. Результат на кнопку )

автор WhiteLinen в Сб Апр 09, 2011 3: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>

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

автор putagradec в Сб Апр 09, 2011 7:45 am

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

автор WhiteLinen в Сб Апр 09, 2011 4:36 pm

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

автор WhiteLinen в Сб Апр 16, 2011 8:43 pm

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

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

автор putagradec в Ср Июл 20, 2011 8:37 pm

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

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

автор putagradec в Ср Июл 20, 2011 10:47 pm

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

HTML от WhiteLinen