|
На данный момент это последняя страница в этом учебнике :(.
Так как учебник не претедует на звание полноценного пособия по HTML а сделан лишь для того чтобы ознакомить Вас с основами этого языка - считаю размещенный на этом сайте достаточным.
Если Вас заинтересовал этот язык - поищите в интернете Учебники по HTML. В сети сейчас много хороших.
Также, со временем я выложу на сайте ссылки на лучшие на мой взгляд учебники. |
|
|
Еслы вы хотите приукрасить свой сайт графическими изображениями то поможет вам в этом тег <img>
Замените код своей страницы на нижеследующий.
<html>
<head>
<TITLE>Вставка изображения в html страницу</TITLE>
</head>
<body bgcolor="#ffffff">
<img src="/картинка.jpg" align="center" width="100" height="150" border="3">
</body>
</html>
Сохраняем и смотрим на результат.
Параметр src является обязательным и принемает в качестве значения адрес подключаемой картики(в
нашем случае "картинка.jpg").
Параметр align отвечает за выравнивание картинки на странице и может принимать следующие значения:
left - выравнивание по левому краю
right - выравнивание по правому краю
center - выравнивание по центру
top - выравнивание по верхнему краю
bottom - выравнивание по нижнему краю
Параметры width и height отвечают за высоту и ширину изображения.
Параметр border отвечает за толщину рамки, по умолчанию имеет значение 1. |
|
Изменять цвет фона вашей html страницы можно при помоши тега <body>.
Этот тег имеет параметр bgcolor от значения которого и зависит цвет фона вашей страницы.
Допустим, вы хотите сделать фон синим. Тогда вместо <body> пишете <body bgcolor="#0000FF">. также, в качестве фона можно использовать рисунок. Для этого возьмите любую картинку имеющуюся на вашем компьютере и поместите ее в ту же папку в которой находиться ваш html файл(Предположим ваша картинка называется "картинка.jpg").
Теперь замените <body bgcolor="#0000FF"> на <body background="картинка.jpg">, сохраните файл и посмотрите что получилось. |
|
|
Теперь замените в коде вашей страницы строку "Добро пожаловать! :)" на
<font color="#CC0000"> color="#CC0000"> Добро пожаловать! :) </font>
Сохраните и посмотрите что получилось.
Если вы все сделали правильно, то текст "Добро пожаловать! :)" стал красным. А случилось это благодаря параметру (атрибуту) color тега <font>.
В параметре color цвет указывается в формате #RGB (RED(красный)/GREEN(зеленый)/BLUE(синий)), то есть первые две цифры после # отвечают за количество красного цвета (в нашем случае СС), вторые две на количество зеленого (в нашем случае 00), и две последние за количество синего (00).
Да, чуть не забыл пояснить. Вы наверно заметили, что я назвал СС - "перые две цифры"? Да, несмотря на то, что это буквы, обозначают они цифры. Просто это шестнадцатеричная система исчисления. В отличие от привычной нам десятеричной системы, которая ограничивается числами от 0 до 9, шестнадцатеричная ограничивается числами от 0 до F, т.е. если вы хотите сделать надпись "Добро пожаловать! :)" не красной, а допустим зеленой, то вам следует написать вместо color="#CC0000" - color="#00CC00" или color="#00FF00"(в зависомости от того, насколько зеленой вы хотите ее сделать :-) ). Чтобы лучше понять, советую вам самостоятельно поэксперементировать с параметром color. А так же рекомендую скачать таблицу цветов, она вам пригодится. |
|
<html>
<head>
<title>Мой первый шаг</title>
</head>
<body>
Здравствуйте, это моя первая страница.
<br>
Добро пожаловать! :)
</body>
</html> (посмотреть)
<head> </head> - голова документа
<body> </body> - тело документа
Все тэги, расположенные между <head> </head>, это что-то вроде служебной информации (наша служба и опасна и трудна, и на первый взгляд как будто не видна:). Например <title>- заголовок. Зачем он? Откройте IE (Internet Explore) с нашим документом и устремите свой взгляд на заголовок окна... Увидели?:)
Все тэги, расположенные между <body> </body> - непосредственное содержание документа. Следующие несколько ступенек будут посвящены именно этим тэгам: мы узнаем, как менять цвет текста, фона, как делать текст крупнее-мельче, поговорим о картинках, таблицах и многом другом. Но прежде, все-таки закончим наш разговор о тэгах, в общем.
<тэг> </тэг> - не просто тэг, это контейнер - тэг, который может содержать внутри себя другие тэги (и текст).
Обратите внимание:
<тэг1><тэг2><тэг3> ... </тэг3></тэг2></тэг1>
Только такая очередность закрывающих тэгов верна: тэг, который мы открыли первым - закрываем последним, второй – предпоследним и т.д.
Т.е. следующая очередность нежелательна и не верна, она может привести к ошибкам на вашей странице:
<тэг1><тэг2><тэг3> ... </тэг3></тэг1></тэг2>
Так что будьте внимательны, и пишите код страниц своих сайтов аккуратно.
|
|
|
|
|
|
|
Страница 1 из 2 |
