Преглед на урок

Първи Стъпки в HTML

Първи Стъпки в HTML




Като за начало отворете някой текстов редактор, б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="" - Задава цвета на текста, като го вписваме между кавичките.
Ето това беше първият урок за начинаещи.

Автор: Unex


Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.




Урокът е добавен от: toddor

Добави коментар

Трябва да сте регистиран потребител за може да оставяте коментари! Направете своята безплатна регистрация още сега.