Введение в HTML

Внедряем CSS в HTML. JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2031
Поблагодарили: 62 раза

Введение в HTML

Сообщение Slash » Вт сен 18, 2012 9:53 am

Создание страниц производится с помощью языка гипертекстовой разметки 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

Как видите это не сложно ;) !

Так же рекомендую почитать:
Теги HTLM и их определение
Введение в HTML (Таблица <table>)
Реклама

Вернуться в «HTML + CSS»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость