< >. Теги бывают парные и непарные. Парные теги состоят из открывающего тега (пример: <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>Как видите это не сложно!