Регистрация
DANFA Сближает людей!


Создание страниц производится с помощью языка гипертекстовой разметки HTML (Hyper Text Marker Language). Если открыть какую-нибудь страницу любого сайта с помощью текстового редактора, например, блокнота, то мы увидим непонятные коды. Эти коды называются тегами. Теги – отдают команды, которые пишутся между скобками < >. Теги бывают парные и непарные. Парные теги состоят из открывающего тега (пример: <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>

Как видите это не сложно!
Написал(а)
АнтиБот проверка:
Reload Image
Введите код представленный на картинке выше.