Като за начало отворете някой текстов редактор, бeз значение какъв - Notepad, WorldPad или Word.. като написаното ще съхраним в MyFirstWebPage.html и е хубаво след всеки написан ред да проверяваме какво се е получило. Това става като отворим Internet Explorer и изберем File -> Open -> Browse, намерете къде сте го съхранили и натиснете Open. Напишете следните редове (няма значение дали пишете с малки или големи букви):
Пример:
<html>
</html>
<html> - Показва началото на документа.
</html> - Показва края на документа.
Всеки сайт съдържа и head, в този урок ще разберем как се въвежда заглавие в секцията Head. Трябва да получим нещо такова:
Пример:
<html>
<head>
</head>
</html>
Сега ще се запознаем с първата функция на head, която задава заглавието на нашата страница.
Пример:
<html>
<head>
<title>Първият ми сайт</title>
</head>
</html>
Между <title> и </title> Въвеждаме името на сайта, в нашият сличай това е "Първият ми сайт".
Сега ще добавим и секцията body, където всъщност се поставя съдържанието на страницата.
Пример:
<html>
<head>
<title>Първият ми сайт</title>
</head>
<body>
</body>
</html>
Между <body> и </body> ще е структората на нашия сайт. Като за начало ще сложим цвят на нашата страница. Това става по следния начин:
Пример:
<html>
<head>
<title>Първият ми сайт</title>
</head>
<body bgcolor="green">
</body>
</html>
Можете да изпробвате и с други цветове:
<body bgcolor="yellow">
В други уроци ще се запознаем, че цветовете могат да се въвеждат с 6 символен код.
Нека да напишем все пак нещо в тази наша първа страница. Това става с помоща на FONT.
Пример:
<html>
<head>
<title>Първият ми сайт</title>
</head>
<body bgcolor="blue">
<font>Справям се страхотно!</font>
</body>
</html>
Между <font> и </font> въвеждаме някакво изречение.( Не е задължително да се ползва този таг ) Сега ще направим текста с различна големина и цвят и приключваме с урока.
Пример:
<html>
<head>
<title>Първият ми сайт</title>
</head>
<body bgcolor="blue">
<font size="5" color="white">Справям се страхотно!</font>
</body>
</html>
size="" - Задава размера на тексата, който се въвежда между кавичките. Минималният размер е 1 а максималният е 7.
color="" - Задава цвета на текста, като го вписваме между кавичките.
Ето това беше първият урок за начинаещи.