< >
. Теги бывают парные и непарные. Парные теги состоят из открывающего тега (пример: <html>
- говорит компьютеру, что начитается html-страница). Данный тег всегда будет самый первый в Вашем документе и закрывающего тега (пример: </html>
- говорит браузеру, что html-страница закончилась), данный тег всегда будет в конце документа. Заметили разницу между ними? У закрывающего тега добавлен элемент /
после первой скобки. Непарные теги не нуждаются в закрывающем элементе /
(пример: <br />
- говорит браузеру о переходе на следующею строку).
Скопируйте в чистый блокнот этот код:
<html>
<head>
<title>Главная</title>
</head>
<body>
Наступил новый день!<br />
А учиться мне не лень!
</body>
</html>
Сохраните написанное, изменив название документа на index.html, откройте файл как Интернет страницу.
Между тегами
<head>
и </head>
вставляются теги <title>
и </title>
. Текст написанный между тегами <title>
и </title>
отображается в названии окна браузера. Между тегами <body>
и </body>
находится то, что отображается на самой странице. С помощью данного тега можно изменить параметры страницы по умолчанию. Например: изменить цвет фона всей страницы, для этого добавляем в открывающий тег <body>
элемент bgcolor="#00FF00"
:
<html>
<head>
<title>Главная</title>
</head>
<body bgcolor="#00FF00">
Наступил новый день!<br />
А учиться мне не лень!
</body>
</html>
В итоге получаем зелёный цвет фона.
Так же можно изменить цвет текста по умолчанию, для этого требуется добавить или заменить элемент
text="#FF0000"
:
<html>
<head>
<title>Главная</title>
</head>
<body bgcolor="#00FF00" text="#FF0000">
Наступил новый день!<br />
А учиться мне не лень!
</body>
</html>
Получаем красный текст.
Код цвета состоит из шести знаков, который смешивает в себе три цвета. Первые два знака смешивают красный цвет, вторые два знака смешивают зелёный, последние два смешивают синий цвет. Каждый из знаков может быть от 0 до 9 и буквенный состав от A до F. Меняя буквы и цифры шестизначного кода, получаем нужный цвет.
Если есть необходимость сделать написанный текст курсивом, вставьте перед началом выбранного текста тег
<i>
и в конце </i>
. Теги <b>
и </b>
делают текст жирным.
<html>
<head>
<title>Главная</title>
</head>
<body bgcolor="#00FF00" text="#FF0000">
<i>Наступил новый день!</i><br />
<b>А учиться мне не лень!</b>
</body>
</html>
Также можно сделать текст жирным и курсивом одновременно. Для того чтобы увеличить написанное, используйте теги
<big>
и </big>
.Для отображения картинки на Вашей страничке используйте тег
<img src=" ... ">
, вместо знака вопроса вводите полное имя картинки. Вставляемая картинка должна находится в одной папке с документом, в другом случае пишется адрес местонахождения файла, пример:
<img src="img/big/risunok.jpg">
<html>
<head>
<title>Главная</title>
</head>
<body bgcolor="#00FF00" text="#FF0000">
<img src="risunok.jpg"><br />
<i>Наступил новый день!</i><br />
<b>А учиться мне не лень!</b>
</body>
</html>
Иногда содержимое необходимо выставить по центру страницы, для этого пишите теги
<center>
и </center>
.
<html>
<head>
<title>Главная</title>
</head>
<body bgcolor="#00FF00" text="#FF0000">
<center>
<img src="risunok.jpg"><br />
<i>Наступил новый день!</i><br />
<b>А учиться мне не лень!</b>
</center>
</body>
</html>
Как видите это не сложно!