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

Може би вече знаете, че основният език на интернет като Hypertext Markup език HTML а (HyperText Markup Language). В тази статия ще научите основните понятия на HTML и да научат как да се създаде проста уеб-страници.

HTML език и неговите тагове

Научете как да създадете професионални уеб сайтове, използвайки HTML5 и CSS3

Обектът е за автомобили.

Добре дошли в нашия сайт кола. Тук ще намерите много интересни и полезни статии за превозни средства. Сайтът има описания на много внос и местни превозни средства.

На следващо място, запишете създаден уеб-страница във файла с име index.html. В този случай, запишете файла, трябва да укажете диалогов прозорец UTF-8 кодиране и приложете името на файла в кавички, в противен случай Notepad ще добави TXT на разширението на файла, както и нашата файл ще index.htm.txt име:

Сега е необходимо да отворите файл в браузъра и да видим резултата. Можете да използвате приложения с Windows браузър Microsoft Internet Explorer или друг инсталиран на вашия компютър браузър чрез двукратно щракване на мишката върху файла index.html или чрез плъзгане на файла до иконата на браузъра. Ние отваряме и да видим нещо подобно на този линк:

По този начин, ние сме създали уеб-страница в Notepad, макар и малко по-невзрачен, но има голямо заглавие и параграф от текст, който е счупен автоматично в линии, и съдържа фрагмент с удебелен шрифт.

Какво е маркер?

Научете как да създадете професионални уеб сайтове, използвайки HTML5 и CSS3

Tag HTML - това е често срещани думи и знаци, поставени в ъглови скоби, като например затваряне, а текстът между тях се нарича съдържанието на маркера. Tag наричан сдвоени тагове. В начален маркер плюс съдържание плюс затварящ таг елемент документ на HTML форма. Все още има елементи се състоят от единичен отвор етикет:

Така етикет двойка

елемент определя първата глава слой. Общо шест нива на позиции, елементите

-

.

Елементите са групово ниво и по-ниско (текст). Блок елементи проведени форматиране структурна страница. блокови елементи винаги се показват на страницата в нов ред и отстъп от съседни елементи. Малки елементи изпълняват пряко форматиране или логическо форматиране на текста. елемент

блок елемент.

След това идва двойката тагове

. което създава точка на HTML страници. Съдържанието на този етикет ще бъде текстът на този параграф. елемент

също блоков елемент и като го видим на нов ред и между горния

и отстъпа там.

В рамките на една точка етикет отговаря на един човек . в който се показва съдържанието му с удебелен шрифт. този етикет сложат етикет съдържание

. Това означава, че съдържанието на маркера Тя ще се появи като част от параграф. Тези вложени етикети, наречени дете. и таговете вложени в други маркери, които се наричат ​​майка. По този начин, маркер Тя е дъщерно дружество, както и етикет

- родител. Това вграждане на функции намерени в HTML през цялото време.

Когато прикрепите маркер трябва да следват едно правило, редът на затваряне етикетите трябва да бъде обратен ред по следния отваряне маркер. Т.е. тагове и тяхното съдържание следва да бъдат напълно инвестирани в други маркери. Ако нарушите това правило, а след това на WEB-страницата може да се покаже погрешно.

Между другото, на елемента по-ниска член случай. И тъй като ние не виждаме нови редове или отстъп при показване на този елемент не се извършва. И това е много важно да се спомене, в съответствие с правилата на езика HTML вградени елементи не могат да бъдат вложени тагове.

Може би сте забелязали, че отварящия

но името все още съдържа някакъв текст: подравняване = "център". Този маркер атрибут. която определя нейните параметри. Всеки атрибут има име, последвано от знака = и след това стойността му е ограден в кавички:

В нашия конкретен случай, подравняване на атрибута за таг

подравнява текст. Тъй като стойността на център казва на браузъра, че съдържанието на етикет

Ние трябва да бъдат приведени в съответствие в центъра.

Атрибутите са задължителни или незадължителни. Задължителни атрибути трябва да се съдържа в етикета е задължително. И незадължителни атрибути могат да бъдат пропуснати, ако те са зададени по подразбиране.

Структурата на WEB - страници. Основни HTML тагове.

Научете как да създадете професионални уеб сайтове, използвайки HTML5 и CSS3

За да се покаже правилно на страницата в браузъра, в HTML-код, не забравяйте да има следната двойка тагове: , и .

Преди всичко си HTML-код трябва да бъде затворен в таговете и . Те каже на браузъра, че страницата съдържа HTML-код.

Освен това, страниците на код трябва да се заглавна част и тялото на документа. Header раздел, или той се нарича също и шапка, се състои от чифт таг и нейното съдържание. В този раздел, сложи информация относно параметрите на страници, които не са показани на екрана и само желания браузъра. В нашия пример, секция глава:

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

В обобщение, всеки HTML-страница е както следва:

. сервизна информация.


. съдържанието на WEB-страница.

HTML страница на метаданни

Сервизна информация, която се намира в заглавната част на страницата и определя нейните параметри, се нарича метаданни. HTML-тагове, които дефинират метаданни, наречени метатагове. В нашия малък страница следващите редове с код са метаданни:

На първо място, този маркер