Просмотр полной версии : Начнем понимать WWW!!!
И так по моногочисленным заявкам Я хотел бы начать народу рассказывать о такой вещи как HTML (кто знает не флеймить),так как сам его уже наверное забыл...то будем вспоминать вместе!!!! :smile:
Рассказывать буду все без теории чисто для чего и как .... :best:
И так поехали:
Html теб епрежде всго будет необходим для того что бы создавать интерен проекты....так как он является неотЪемлемой частью сети интернет!!
(позже начнется самое интересно...Хак :lang: )
и так как же постороен любой документ *.html?
<html> начало док-та
<head> начало головы документа
<title> Название </title>
</head> конец головы
тут идут теги документа
</body> коней тела
</html> конец документа
теперь берем и сохраняем это в римрно вот так 123.html
и так про структуру самого документа Я вам рассказал!!!!
дальше больше....=)) :lang:
NetVille
17.03.2006, 00:44
tp, есть такая кнопочка "<>" (вставить тег HTML) в редакторе сообщений, так удобней будет. :lol3:
И кстати, тело-то у тебя без начала, а "</body> коней тела" есть. :ggg:
Вот так это будет выглядеть:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Final//EN">
<html> начало док-та
<head> начало головы документа
<title> Название </title>
</head> конец головы
<body> начало тела
тут идут теги документа
</body> конец тела
</html> конец документаНовичкам советую почитать здесь: http://html.manual.ru.
Более продвинутым и владеющим английским: http://www.w3c.org или http://www2.stack.ru/~julia/staff.phtml - официальный перевод на русский (но переведено не все).
ну что поеали дальше...!!!
Займемся теперь текстом "цвет текста"....поэспеременируйте ....там модно таблицу цветов как найду скину!!!
<html>
<head>
<title> цвет текста </title>
</head>
<body>
<font color=red><i> Текст красного цвета </i> </font>
<br>
<font color=#000040> текаст goldenrod </fond>
</body>
</html>
сохраняем это все в блокноте ...и позже меняем расширение файла с *.txt на *.html например в Total Commander XP.....
вот что получается Здесь (http://kop.jino-net.ru/color_txt.html)
Ага нашел Здесь http://html.manual.ru/book/info/basecolors.php тока перед каждым цветом необходимо поставить " # " без ковыцек!!!
Ага нашел Здесь http://html.manual.ru/book/info/basecolors.php тока перед каждым цветом необходимо поставить " # " без ковыцек!!!
Ссылка не работает!:aaa:
Так в общем буду задавать вопросы!
Вот я зарегил себе страничку и там буду тренироваться!
Вот что я освоил)) http://bizzare.jino-net.ru/index.html
Теперь вопрос: как задавать красную строку? А то в редакторе пишу все с новой строки, а на страничке все в одну строчку?
И еще: tp, что за код <br>?
Еще: для чего нужен тег <body>? я попробовал с ним и без него, и видимых изменений не увидел.
PS с красной строкой разобрался - тег <p>
что за код <br>?
<br> - это мягкий перенос на следующую строку
<br> - это мягкий перенос на следующую строку
Лёка, а что значит "мягкий перенос"? есть еще "немягкий"?
Лёка, а что значит "мягкий перенос"? есть еще "немягкий"?
"немягкий" - это абзац <p>...</p>
NetVille
17.03.2006, 11:25
Bizzare, "Красная строка" задается через CSS (стиль), сейчас все оформление делается именно при помощи CSS, но это отдельная тема.
Вкратце:
Чтобы задать стиль, в голове документа (между <head> и </head>) вставь, например, следующее:
<style type="text/css">
body {text-indent:5em}
</style>В этом случае весь текст, начинающийся с новой строки, будет с отступом шириной в 5 букв "m".
Чтобы отрегулировать величину отступа только в теге <P>, вставь следующее:
<style type="text/css">
P {text-indent:5em}
</style>Отвечаю на вопрос о тегах <body>, <html> и др.: в принципе, он обязателен! Но многие браузеры "додумывают его", если ты все-таки его не указал. Это сделано для того, чтобы пользователи могли видеть и страницы, созданные неграмотным вебмастером.
NetVille
17.03.2006, 13:22
Кстати, о CSS.
Пока заглох manual.ru, вы можете скачать оффлайн версию css.manual.ru:
вот ответ на твой первый попрос по <br>
<html>
<head>
<title> цвет текста </title>
</head>
<body>
<p><font color=red><i> вот здесь
используется разделитель {p} и {/p} </i>
</font></p>
<font color=#000040> а вот здесь
используется...потом в начале строки
используется {br}</font>
<br>..его не обязательно закрывать просто
в начале строки поставить <br>
<font color=green>видите разницу???</font>
</body>
</html>
вот что должно получится Здесь (http://kop.jino-net.ru/br.html)
NetVille
17.03.2006, 15:41
<br> его не обязательно закрывать простоБолее тего, его НЕЛЬЗЯ закрывать так: </br>.
Однако, согласно спецификациям HTML 4.01, XHTML 1.0, XML 1.0, его, а также другие непарные теги (например <hr>, <img>, <meta>) обязательно следует закрывать (при открытии) так: <br/>
<meta content="..." http-equiv="..."/>
<img src="..."/>
<hr/>Кроме того, согласно тем же спецификациям, все значения атрибутов тегов должны быть заключены в кавычки. Например:<SPAN id="myspan">
<IMG src="myimage.jpg" alt="Картинка" style='"width:30px; height:20px"/>Что касается атрибутов width, height и прочих: несмотря на то, что у многих тегов есть их "нестилевые" (в виде именно атрибутов) аналоги, рекомендовано использовать стили CSS.
пехали дальше !! теперь необходимо научится!!! разлиновать теста!!!!
<html>
<head>
<title>Разметка текста </title>
</head>
<body>
<h1 align="center">заголовок размера 1</h1>
<h2 align="right">заголовок размера 2 </h2>
<h3 aling="center">Заголовок размера 3 </h3>
<h4 aling="right">заголовок размера 4</h4>
<h5>заголовок размера 5</h5></br>
<h6>заголовок размера 6 </h6>
<p>основной текст документа </p>
</body>
</html>
во что должно получится (kop.jino-net.ru/raz.html)!!
Еще: для чего нужен тег <body>? я попробовал с ним и без него, и видимых изменений не увидел.
А?
А?
тег <body> будет необходим тебе для того что бы составлять тело докуметна . В нем рассоогается содержательная часть.....позже когда будем рассматривать другие теги...то они дожлны будут строга расспологаться в теле письма.....но если чено то то наличеие этого тега не обязательно так как браузеры научились распознавать чпасти документа. Но для более коректного отображения старницы наличие этого тега (<body>) рекомендуется :best:
<html>
<head>
<style type="text/css">
body {text-indent:5em}
</style>
<title> Bizzare </title>
</head>
<h1 align="center">ЗАГОЛОВОК в центре</h1>
<h3 align="center">ЗАГОЛОВОК в центре</h3>
<h2 align="right">Еще раз справа </h2>
<h4 aling="right">Почему это не справа?</h4>
<body>
<font color=red><i> Текст красного цвета </i> </font>
<br>
<font color=#000040> текаст goldenrod </fond>
</body>
</html>
http://www.elance.ru/bizzare/index.html
Почему вот эта строка не справа (<h4 aling="right">Почему это не справа?</h4>) а эта (<h2 align="right">Еще раз справа </h2>) справа? Они же вроде только размером должны отличаться? И там и там одни и теже теги.
NetVille
17.03.2006, 18:23
Bizzare, потому что у него не "aling", а "align". :lol:
О теге <body> здесь: http://forum.nomerkov.net/showpost.php?p=61908&postcount=10
Примечание про тег <body>.
Усли просто написать текст или вставить картинку между <body> и <body/> то она как можно зетить они будет на некотором расстоянии от края браузера (см. пример №1). Это вызвано тем что у веб страницы есть "рамки". Что бы картинка или текст были вплотную прижаты к краю надо сделать с тегом <body> следующее:
<body style="margin: 0 0 0 0">
Где цифры 0 0 0 0 должны указываться через пробел. Они обозначают расстояние в пикселях от правого, верхнего, левого и нижнего края браузера соответсвенно (см. пример №2). Таким образом можно даже загонять текст за край браузера, указав отрицательные значения и его никто не сможет прочитать (кроме тех кто посмотрит html код :lol3: ), так как прокрутка не поможет.
Пример №1 (http://www.school-98.narod.ru/ska4ay/ex_1.htm)
Пример №2 (http://www.school-98.narod.ru/ska4ay/ex_2.htm)
теперь будем писать большими буквами .....
<html> <head> <title> размер шрифта </title> </head> <body> <font size=1>размер шрифта1</font><p> <font size=-1> размер шрифта 2</font><p> <font size=100> рузмер шрифта 100 </font > <p> <font size=4> И </font><font size=6> тп </font><p> <font size=12><u> замеит на разделение между строками </u></font> </body> </html>
tp, объясни пожалуйста подробнее про <u> замеит на разделение между строками </u> не понял, что она делает?
вот (http://www.elance.ru/bizzare/index.html)что получилось.
NetVille
18.03.2006, 19:21
Bizzare, тег <u> ... </u> - это подчеркивание (underline)
Bizzare, тег <u> ... </u> - это подчеркивание (underline)
Это нижнее подчеркивание!!!=))
Дальше продолжаем!!!=))Теперь будем составлять ссылку:
<html>
<head>
<title> ссылки </title>
</head>
<body>
<font size=8><a href="http://forum.nomerkov.net">Форум.номерков.нет</a></font>
</body>
</html>
небольшое дополнение см коментарием для ссылок
<html>
<head>
<title>ссылка2</title>
</head>
<body>
<a target=_blank title=Халява,софт и многое другое. href=http://forum.nomerkov.net>Форум.номерков.нет</a>
</body>
</html>
то есть когда наводишь мышу на ссылку вылезает коммент к ссылке
NetVille
18.03.2006, 23:51
Только заключайте значения атрибутов в кавычки!<body>
<a target="_blank" title="Халява, софт и многое другое."
href="http://forum.nomerkov.net">Форум.номерков.net</a>
Вот хорошая книга по html с примерами для начинающих. Сам учил когда-то по ней. От журнала "Подлодка". :lol3:
Вот хорошая книга по html с примерами для начинающих. Сам учил когда-то по ней. От журнала "Подлодка". :lol3:
у амея тоже где-то была но навенрное уже снес=(( :mad2:
ээээ мы уже долго застряли ...та кидем наверное дальше
Шрифты:
<html>
<head>
<title> назначение шрифта </title>
</head>
<body>
Текст записанный шрифтом по умолчанию
<br>
<font face="Edwardian Script ITC", "Comic Sans MS", "helvetica">
<i><strong>Пример задания названия шрифта</strong></i>
</font>
</body>
</html>
тут фмшка в том если каойто браузер не поддерживает основной то по умолчаниию используется след если то же что и с первым ...то дольше!!! :redsmile: :smile: :lol3: :lol3:
и рассмотрим за одно стили текста
<html>
<head>
<title>стили текста</title>
санкт питер <strong>блаблабла</strong><br>
это <b> полужирный </b> текст
<p>
<i> курсив</i>
<p>
<u> подчеркнут </u>
<p>
<s> зачеркивание </s>
<p>
<i><u>полужтрный подчеркнутый курсив </i></u>
<p>
<big> шрифт большого размера </big>
<p>
<small> маленький текст </small>
<p>
пример шрифта для <sub>нижнего</sub> текста
<p>пример шрифта для <sup>верхнего</sup> текста
</head>
<body>
</html>
А расскажите, как фоновую картинку ставить?
monsterclub
22.03.2006, 10:51
Самое простой способ(без всяких наворотов)
<boby background='путь к рисунку/название рисунка.jpg(gif)> единственное что если картинка меньше размера документа, то она начинает много кратно повторяться.
tp, ничего что за тебя ответил? :lol3:
сечас так та восновном не делают катринку в 1 фон это все рисуется по оддельности, а потом тока подгоняется !!! у меня был сайт на jino-net показал бы....но я его снес =Я(( :aaa:
ну как Я вам покажу таблица и фреймы...там и объясню как это делать!!!
А так monsterclub ты прав можно и так!!=)) :lol3:
теперь учимся определять статус ICQ контакта !+))нужен для админов )) :lol:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>7525141</title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
</head>
<body>
<table>
<tr>
<td width="144" height="20" align="right" valign="middle" class="common"
background="../media/common/contacts_icq_1.gif" style="background-repeat: no-repeat"><b><a
href="472850.uin">472850</a></b> </td>
<td width="20" height="20" align="left" valign="middle"><img
src="http://wwp.icq.com/scripts/online.dll?icq=472850&img=5" width="18" height="18"></td>
</tr>
</table>
</body>
</html>
и вот второй вариант который меня больше устаивает!!
<html>
<head>
<title>Асечка</title>
<head>
<td width="180" valign="top"> <font class="support">Администрация</font><br />
<a> <big>tp</big> <u>472850</u> <img src="http://wwp.icq.com/scripts/online.dll?icq=472850&img=5"
width="18" height="18">: <br /> <br />
</head>
</html>
Интересный сайт http://www.maketemplate.com/ - подставляешь значения и страничка готова! Удобно эксперементировать!
Kesha-mipt
10.08.2006, 15:17
Можете объяснить чем принципиально отличаются логические и физические теги форматирования?
хотя бы на примере тегов <i></i> и <em></em> и те и другие в результате дают курсив, в чём же разница, и в чём она будет проявляться?
NetVille
10.08.2006, 15:31
Kesha-mipt, по большому счету разницы нет.
Логические теги отражают твое намерение, а физические - просто форматируют.
Например, ты хочешь выделить текст методом strong:
ты пишешь <strong>текст</strong>
в css ты можешь ничего не трогать, тогда это будет эквивалентно <b>текст</b>
но можно переопределить в css например:
strong {font-weight:normal; text-decoration:underline;}
тогда весь такой текст в документе станет подчеркнутым. А тот, что был явно обозначен через <b> - останется жирным.
Короче, это как в Worde 2003 - можно использовать стили, а можно - форматировать явно.
Kesha-mipt
10.08.2006, 16:28
Спасибо, немного разъяснил, но мне тяжеловато понять это, пока не изучу стили....
Но тяжело понять больше то, зачем использовать strong {font-weight:normal; text-decoration:underline;} , когда можно использовать <u>, ведь, насколько я понимаю, разницу можно увидеть только просматривая сам html-код, а результат будет одинаковым
NetVille
10.08.2006, 16:40
Kesha-mipt, попробую объяснить вопросом: зачем в языке синонимы?
Кроме того, когда изучишь стили, точно поймешь, т.к. именно это и является основной функцией (а также причиной возникновения) технологии CSS.
Короче, не заморачивайся. Я вот, к примеру, логические теги вообще не использую и ничего... :lol3:
Kesha-mipt
10.08.2006, 22:35
NetVille, ещё глупый вопрос:
есть три тега с разными названиями:
<p></p> - параграф текста
<br> - разрыв строки
<div> - раздел текста
...но выполняют они (по крайней мере по отношению к внешнему виду) одну и ту же функцию..... в чём вся фишка?
NetVille, ещё глупый вопрос:
есть три тега с разными названиями:
<p></p> - параграф текста
<br> - разрыв строки
<div> - раздел текста
...но выполняют они (по крайней мере по отношению к внешнему виду) одну и ту же функцию..... в чём вся фишка?
а я по этому поводу не заморачиваюсь))) знаю только что <br> это Enter))
вот такие вот интуитивные познания в HTML)))) :lang:
NetVille
10.08.2006, 23:18
Вообще говоря, с точки зрения CSS, все теги форматирования взаимозаменяемы, поэтому куда важнее их количество. :smile:
Можно назначить <b> ... </b> - италиком, <div> ... </div> - болдом, а <u> ... </u> - параграфом и т.д. Но, т.к. у этих тегов уже есть стили по-умолчанию, имеет смысл использовать их в соответствии с этими стилями. Вот и вся разница. :lol3:
А <br/> - вообще непарный тег (такие теги пишутся так: < tag />, согласно спецификациям xHTML), и как правильно сказал STLG, суть разрыв строки.
Rakot1234
04.06.2007, 10:09
Видел, что в некоторых поисковиках(яндекс например), рядом с сылкой на сайт висит иконка. Как такое делается?
файл favicon.ico загружается в корневую папку сайта.
есть такая кнопочка "<>" (вставить тег HTML) в редакторе сообщений, так удобней будет.
И кстати, тело-то у тебя без начала, а "</body> коней тела" есть. изготовление сайта (http://www.simpledream.ru)
vBulletin® v3.8.4, Copyright ©2000-2012, Jelsoft Enterprises Ltd. Перевод: zCarot