Сохраните набранное в виде файла с расширением htm или html, например page1.html в отдельной папке.
Далее запустите сохраненный Вами файл page1.html или откройте его в Internet Explorer.
Поздравляем! Вы только что создали свою первую интернет-страницу.
Теперь идем дальше. Давайте поменяем цвет фона на Вашей страничке. Цвет фона задается в теге body, и записывается в 16-ричной системе., где каждая из цифр или букв означает «количество» основных цветов — RGB — Red Green Blue.
Например <body bgcolor="#000000"> означает что цвет фона будет состоять из 00-красного, 00-зеленого, и 00 — голубого. Таким образом мы получим черный цвет.
Белый цвет фона кодируется так <body bgcolor="#FFFFFF">
Красный цвет фона кодируется так <body bgcolor="#FF0000">
Зеленый цвет фона кодируется так <body bgcolor="#00FF00">
Синий цвет фона кодируется так <body bgcolor="#0000FF">
Различные комбинации позволяют получить практически любой цвет фона. Например
Такой цвет <body bgcolor="#0 °CC99">
Такой цвет <body bgcolor="#FF9999">
и т. д.
Итак, добавьте параметр в тег body, например вот так:
<html>
<head>
<title> Моя первая страничка в Интернет. </title>
</head>
<body bgcolor="#CC0000">
Приветствую Вас на моей страничке! Здесь Вы найдете много интересного. </body>
</html>
Сохраните страничку и запустите ее опять в Internet Explorer.
Поэкспериментируйте с параметром bgcolor.
Если Вы хотите разделить набранный Вами текст на части…т. е. сделать на странице операцию подобную нажатию кнопки Enter в текстовом редакторе — для этого нужно использовать не парный тег <br>
Разделим наш текст на несколько строк, например вот так:
<html>
<head>
<title> HTML редактор. </title>
</head>
<body bgcolor="#CC0000">
Приветствую Вас на моей страничке! <br> Здесь Вы найдете много интересного. </body>
</html>
ну или, чтобы это выглядело более читаемо, вот так:
<html>
<head>
<title> HTML редактор.</title>
</head>
<body bgcolor="#CC0000">
Приветствую Вас на моей страничке! <br>
Здесь Вы найдете много интересного. <br>
</body>
</html>
Сохраните страничку и посмотрите ее в Internet Explorer.
Для того чтобы выровнять по центру содержимое Вашей странички, используется парный тег center.
Поставим открывающий тег <center> перед содержимым странички, а тег </center> после содержимого странички, вот так:
<html>
<head>
<title> html редактор.</title>
</head>
<body bgcolor="#CC0000">
<center>
Приветствую Вас на моей страничке! <br>
Здесь Вы найдете много интересного. <br>
</center>
</body>
</html>
Сохраните файл, откройте его в Internet Explorer и посмотрите что получилось.
Теперь установим цвет текста для Вашей странички. Цвет текста задается в теге body, например вот так text="#FFFF00"
Добавим этот параметр после параметра цвета фона.
<html>
<head>
<title> html редактор.</title>
</head>
<body bgcolor="#CC0000" text="#FFFF00">
<center>
Приветствую Вас на моей страничке! <br>
Здесь Вы найдете много интересного. <br>
</center>
</body>
</html>
Теперь вставим какую-либо картинку на Вашу страницу.
Для размещения картинки на Вашей страничке вставляем вот этот код <img src="golub.jpg"> в страничку.
<html>
<head>
<title> Моя первая страничка в Интернет.</title>
</head>
<body bgcolor="#CC0000" text="#FFFF00">
<center>
Приветствую Вас на моей страничке! <br>
Здесь Вы найдете много интересного. <br>
<img src="golub.jpg">
</center>
</body>
</html>
Сохраните файл, откройте его в Internet Explorer и посмотрите что получилось.