Home » 2014 » Октомври » 1 » Урок №2 Основни тагове в HTML
7:12 PM
Урок №2 Основни тагове в HTML

Важно за HTML : HTML не е динамичен език с който можете да създавате чудеса той е за по простички неща, но е препоръчително да започнете от него защото той е основа на останалите езици за програмиране.
Правила :
1.Файловете винаги се записват с разширение : .html
(Можете да ползвате Notepad или друг текстов редактор, но не запазвайте файла с разширение .txt)
Това става по следният начин:

1.1.След като сте направили кода избирате от менюто : Файл-Запиши като..

1.2.След това избирате заглавие например "index" и пишете разширението ".html" трябва да изберете от падащото меню долу файлът да бъде записан по неопределен формат (Всички файлове) така ще го запаметите под .html разширение.



2.HTML както всички останали езици за програмиране има последователност която вие трябва да спазвате в този урок ще поясним каква последователност трябва да спазвате за да бъде страницата ви построена правилно, а в следващите уроци ще поясним как да използвате структурирате и прилагате другите кодове на HTML.

3.Всеки HTML таг който използваме трябва да бъде затворен пример :
<TITLE>Pc-Tools</TITLE> подразбира се, че това е код оказващ заглавието на сайта ви или по-точно това което виждате в "Taskbar-a" на вашия браузър както виждате отваряме тага с <TITLE> където <> е граница, а TITLE уникален HTML таг след като сме задали с ">" края на границата ние сме указали, че текста или кода който предстои след тази ">" граница е текста или кода който да се показва в случая Pc-Tools е надписа който ще се показва. След като сме въвели текста или кода който искаме да се показва в нашето заглавие ние трябва да укажем място където той да спре да се показва в противен случай той ще важи за цялата страница именно тук идва затварящия код </TITLE> разликата в двата кода е наклонената черта / това важи за всички от HTML кодовете именно това ги прави лесно запомнящи се. Да обобщим отново <TITLE> - указва начало на уникален код Pc-Tools в случая надписа който ще се показва </TITLE> - затварящ код тоест място където Pc-Tools спира да се показва.
Забележка : Това, че казвам спира да се показва не значи, че той няма да се вижда просто не се сещам за подходящ термин..

Всяка HTML страница трябва да съдържа следната информация:

Забележка : Първия ред отговаря на версията на  HTML която ползвате, но няма значение защото няма големи промени в новите версии.

-----------------------------------------------------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE>Заглавие</TITLE>
  
<META NAME="Author" CONTENT="Автор">
<META NAME="Keywords" CONTENT="Тагове (Ключови думи) - важно за индексирането на сайта ви в гугъл">
<META NAME="Description" CONTENT="Описание на сайта ви - отново важно за индексирането на сайта в гугъл">
</HEAD>

<BODY>
Тук поставяме кода на нашата страница може да бъде меню или галерия това зависи само от вас, а може да бъде и само текст.
</BODY>
</HTML>

----------------------------------------------------------------------------------

Сега да обясним какво значат тези тагове :

В този примерен код таговете които са използвани са : <HTML></HTML> / <HEAD></HEAD> / <TITLE></TITLE> / <BODY></BODY> / <META NAME="Author" / "Keywords" / "Description">

 С тагът <html> вие указвате на браузъра, че следва HTML код.
Така той ще почне да го интерпретира като такъв.

Чрез тагът <head> вие въвеждате допълнителна информация,
която не се съдържа пряко във вашата HTML страница.
Това може да бъде допълнителна информация (като ключови думи,
автор, дата на създаване, име и други) за сайта,
може да бъде името на сайта (в <title> таг),
както и още няколко други варианта, които са описани в други уроци.

 С тагът <title> вие задавате вашето име на сайта ви.

 Тагът <body> съдържа всичко, което се показва във вашата HTML страница.
В него слагате текст, изображения, връзки и всичко останало.
В него можете да слагате какъвто искате текст, както и естествено
много други тагове, които ще улесняват вашата работа и ще подобряват
визията на сайта ви.

С този код <meta name="Author" / "Keywords" / "Description"> вие давате допълнителна информация за търсачките за автора на сайта за ключовите думи и за описанието на сайта това улеснява индексирането на вашия сайт и ще ви помогне да наберете популярност в бъдеще.

Категория: HTML | Преглеждания: 622 | Довавено от: knif3r | Оценка: 5.0 | Гласували :4 | Tags: основни, урок, Html, тагове, osnovni, yrok, №2, tagove

Ако урокът ви е харесал можете да го споделите с вашите приятели във фейсбук :
Всички коментари: 0
avatar
Социални Мрежи

PC-Tools.inc | Copyright © 2014-2015
DMCA.com Protection Status Mozilla Firefox+4.0 Chrome+13.2 Opera+5.6 IE+7.9 Safari+2.0