1
2
3
Все комментарии, вопросы пишите мне на Форум, и я обязательно на них отвечу.
Перед прочтением этого, загляните на страничку тэгов, не надо их учить, просто
познакомьтесь с ними. Чтобы иметь представление, о чём идёт речь, а после
возвращайтесь.
Приступим:
<html>
<head>
<title>Здесь будет название вашей странички</title>
</head>
<body>
Здесь будет находиться вся красота вашей странички (тэги), текст, фон, картинки…
</body>
</html>
Что же это такое? Это «заготовка» к вашей страничке. Если вы познакомились с
тэгами, то должны были заметить, что тэг <html></html> прописывается обяза-
тельно (начало документа и конец документа), он указывает тип документа, между
этим тэгом будет вся ваша страничка, т.е. её содержание. Кстати все тэги распо-
лагаются в кавычках <...> , вы наверно обратили внимание на то, что <...> (тег
открывающий), а </...> (закрывающий). Это обязательно, хотя есть теги, которые
не имеют закрывающего тега.
<head></head> это голова документа, без него также ни как. В нём мы и будем
писать название странички между тегами <title></title>.
<body></body> тело документа, так же обязательный тэг. Между ним пишется вся
красота вашей странички: фон, текст, музыка, фото, картинки и т. д….
Запомните! Всё, что вы прописываете в <body> будет по умолчанию для
всего документа.
Тэги могут вкладываться друг в друга и главное открывайте и закрывайте тэги по
очереди, пример:
<1><2><3>содержимое<3><2><1>
или <7><1><3>содержимое<3><1><7>
предположим, что тег <9> незакрывающийся:
<1><2><9><3>содержимое<3><2><1> Запомните, это важно!
Всё, что вы пишите между тэгами будет видно на вашей страничке при просмотре в
браузере.
Для удобства просмотра созданной странички создайте на компьютере папку с
любым названием например: С:\Первая страничка\
В любом текстовом редакторе (блокноте) пишем (или копируем у меня и
вставляем в блокнот):
<html>
<head>
<title>Первая страничка</title>
</head>
<body>
Здесь будет находится вся красота вашей странички (тэги), текст, фон, картинки…
</body>
</html>
Посмотрим?
После чего сразу сохраняем: Файл → Сохранить как→в появившемся окошке в
имени файла пишем: любоё название.html например: list.html и нажимаем
Сохранить. При сохранении документа в его названии .html прописывать обяза-
тельно! Иначе документ сохраниться, как текстовый и в браузере вы его
просмотреть не сможете. Ну вот теперь мы можем тренироваться на этой стра-
ничке. Также сохраните у себя на компьютере палитру цветов.
Давайте зададим фон вашей страничке и сразу просмотрим в браузере, что
получилось. Для этого в палитре цветов выбираем любой (желательно не тёмный,
не яркий, чтоб не рябило) цвет и прописываем в <body> bgcolor="#ccffcc"
(пример 1). В <body> это значит: <body ................> .
А между <body> это значит: <body>................</body>.
У <body> есть ещё много разных атрибутов, чтобы узнать о них загляните в
тэги. Что, если мы пропишем
туда же ещё например: text="#330099" (пример 2), то мы зададим цвет текста
вашей страничке.
Пример 1:
<html>
<head>
<title>Первая страничка</title>
</head>
<body bgcolor="#ccffcc" >
Здесь будет находиться вся красота вашей странички (тэги), текст, фон, картинки…
</body>
</html>
Посмотрим?
Пример 2:
<html>
<head>
<title>Первая страничка</title>
</head>
<body bgcolor="#ccffcc" text="#330099">
Здесь будет находиться вся красота вашей странички (тэги), текст, фон, картинки…
</body>
</html>
Посмотрим?
Чтобы посмотреть у себя на компьютере, то, что вы уже сделали, сначала сохраните,
как я вам говорила.
Откройте браузер, которым вы пользуетесь: Opera, Internet
Explorer... В открывшемся браузере: Файл → Открыть (ищем наш сохранённый документ)
list.html в папке, которую вы создали например: С:\Первая страничка\ , выбираем в папке
list.html и нажимаем Открыть. Если вы не видите изменений на своей страничке, нажмите
на панели инструментов кнопку Обновить. Каждый раз при просмотре в браузере, после
введённых изменений, обновляйте свою страничку.
Ага увидели, что получилось?
Как вы поняли <title>Первая страничка</title> это заголовок странички (некоторые
путают с названием документа). Дело в том, что заголовок страницы мы можем
писать на русском языке, а называть документ лучше на латинице. Если вы ещё
не закрыли свою страничку, посмотрите на верх (синий заголовок). У вас должно
быть написано Первая страничка, если всё так, окей, если нет, то обновите, опять
не получилось, не поленитесь начать всё заново «Повторенье - мать ученья».
Как вы смогли заметить это: #ccffcc и это: #330099 мы взяли из нашей палитры цветов.
А если вы хотите, чтоб часть текста была другого цвета, то мы пишем:
<font color="#ff3333">тут текст у которого меняем цвет</font> (пример 1). Если вы хотите,
чтоб ещё этот текс писался бы с другой строки воспользуемся тегом <br> (пример 2),
кстати этот тег не закрывающийся. Давайте сделаем текст: тут текст у которого меняем
цвет с наклоном, с помощью тега <i></i> (пример 3).
Пример 1:
<html>
<head>
<title>Первая страничка</title>
</head>
<body bgcolor="#ccffcc" text="#330099">
Здесь будет находиться вся красота вашей странички (тэги), текст, фон, картинки…
<font color="#ff3333">тут текст у которого меняем цвет</font>
</body>
</html>
Посмотрим?
Пример 2:
<html>
<head>
<title>Первая страничка</title>
</head>
<body bgcolor="#ccffcc" text="#330099">
Здесь будет находиться вся красота вашей странички (тэги), текст, фон, картинки…
<br>
<font color="#ff3333">тут текст у которого меняем цвет</font>
</body>
</html>
Посмотрим?
Пример 3:
<html>
<head>
<title>Первая страничка</title>
</head>
<body bgcolor="#ccffcc" text="#330099">
Здесь будет находиться вся красота вашей странички (тэги), текст, фон, картинки…
<br>
<font color="#ff3333"> <i>тут текст у которого меняем цвет</i></font>
</body>
</html>
Посмотрим?
Напишем заголовок и выделим его размером побольше, с помощью
<h2>Всем привет!!!</h2> (пример 1), значение от 1 до 6. И выровняем его по
центру <center></center> (пример 2). Посмотрите в тэгах, какие параметры можно
ещё задать для <font></font> , с помощью size="+0" можно задать размер шрифта
значение от -2 до +4.
А с помощью face="....." задать шрифт, например Arial, пишем face="Arial "
и ещё многое другое... .
Попробуйте теперь сами.
Пример 1:
<html>
<head>
<title>Первая страничка</title>
</head>
<body bgcolor="#ccffcc" text="#330099">
<h2> Всем привет!!!</h2>
<br>
Здесь будет находиться вся красота вашей странички (тэги), текст, фон, картинки…
<br>
<font color="#ff3333"><i>тут текст у которого меняем цвет</i></font>
</body>
</html>
Посмотрим?
Пример 2:
<html>
<head>
<title>Первая страничка</title>
</head>
<body bgcolor="#ccffcc" text="#330099">
<center>
<h2> Всем привет!!!</h2>
</center>
<br>
Здесь будет находиться вся красота вашей странички (теги), текст, фон, картинки…
<br>
<font color="#ff3333"><i>тут текст у которого меняем цвет</i></font>
</body>
</html>
Посмотрим?
Хочу вам рассказать о замечательном теге <pre></pre>. Если вы напечатали
текст в Worde, отфоматировали его и хотите его видеть у себя на страничке именно
таким, воспользуйтесь этим тэгом.
Проверим:
Хорошая погода. Пойду я погуляю.
Вернусь непоздно и досмотрю
любимое кино.
<html>
<head>
<title>Первая страничка</title>
</head>
<body bgcolor="#ccffcc" text="#330099">
<center>
<h2> Всем привет!!!</h2>
</center>
<br>
<pre>
Хорошая погода. Пойду я погуляю.
Вернусь не поздно и досмотрю
любимое кино.
</pre>
<br>
Здесь будет находиться вся красота вашей странички (тэги), текст, фон, картинки…
<br>
<font color="#ff3333"><i>тут текст у которого меняем цвет</i></font>
</body>
</html>
Посмотрим?
Посмотрите, как можно ещё изменить текст, с помощью других тэгов.
1
2
3
Copyright © 2006-2007 Astchen2006_ http://astchen2006.narod.ru
All rights reserved. Все права защищены. Всё, материалы этой статьи запрещенно копировать
и распространять (без разрешения администратора) они предназначены для ознакомительных целей.
|
|
