muzruno.com

Списък на основните HTML тагове

Ако решите да създадете уеб сайт, а след това без хипертекстния език за маркиране html, няма да стигнете надалеч. Разбира се, има и CSS, PHP и други скриптови езици, без които пълен сайт, както сте свикнали да го виждате, няма да работи. Въпреки това, това са главните html тагове, които ще ви позволят да поставите основата за вашия сайт.

Основните тагове, без които никъде

Когато отваряте HTML документ или уеб страница, виждате огромен брой различни етикети. Въпреки това, ако се вгледате внимателно, повечето от тях се повтарят, защото описват едни и същи елементи. Например, главните html тагове включват етикети като типа на документа , , , , , <img>,

и други.

Тагове за отваряне и затваряне

Тип документ и декларация на хартия

За да определите типа на текущия документ, използвайте елемента . Необходимо е браузърът да разпознае как да интерпретира определена уеб страница. В зависимост от това коя версия на html използвате, този елемент ще изглежда различно. В HTML5 той има следното значение:

След като сте посочили типа на документа си, трябва да използвате маркера . Подобно на повечето други маркери, това е чифт, т.е. той има етикети за отваряне и затваряне. Разликата между тях е, че преди затварящия маркер е наклонена черта "/". По този начин най-основният html маркер за създаване на сайт ще изглежда така:

...

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

Лаптоп с код

свободен край

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

метаданни

Заглавие на страницата

свободен край

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

Видимо съдържание на уеб страницата

Наименования и параграфи

Всички горепосочени маркери са основните тагове на HTML. Въпреки това, на езика на хипертекстовото маркиране все още има огромен брой други елементи. Например, маркерите и заглавията на абзаците. Те ви позволяват да структурирате текста, да го разделите на отделни абзаци и да го изберете. Така че за параграфи се използва маркер

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

Текст на абзаца

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

Описание на заглавията

Използване на изображения



Няма сайт без изображения, снимки и снимки. В края на краищата, без това, уеб страниците ще бъдат сух текст, който не е интересен за учене. За да вмъкнете изображение в сайта, хипертекстният маркиращ език използва маркер . Важно е да се отбележи, че този маркер не е сдвоен, така че в кода ще бъде написан като .

Хипервръзки в текста

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

Лицето съдържа скобите на маркерите

Какви са атрибутите?

Разрешихме няколко от основните етикети. Повечето маркери обаче имат и атрибути. Те са предписани в отварящия елемент и се състоят от две части. Първата е името на самия атрибут, втората е стойността на този атрибут, който е написан след знака "=" и е приложен в кавички.

Основни атрибути на html тагове

Много маркери имат атрибути. За някои маркери обаче присъствието им е по желание, ако не искате да променяте елементите по никакъв начин. За други маркери присъствието на атрибути е задължително, като например маркера (за създаване на хипервръзки) исвободен край /> (за да добавите изображения към страницата). Целият въпрос е, че ако не посочим тези основни етикети html атрибути и техните ценности, тогава ние няма да ги видим на страницата на сайта.

Намерете снимки на вашия лаптоп

Атрибути за маркера

Ако посочите в кода текстът, включен в етикета , с изключение на този текст в уеб страницата няма да видите нищо. Самият маркер всъщност казва само за намерението да създаде хипервръзка, но за да го създадете, имате нужда от атрибут. Този атрибут ще бъде href и стойността на този атрибут ще бъде специфична връзка към ресурса. По този начин, ако искаме да създадем връзка към сайта muzruno.ru, той ще изглежда така:

Връзка към muzruno.ru

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

Src атрибути за

Подобна ситуация с маркера . Ако не посочим атрибута и неговата стойност с него, тогава изображенията в уеб страницата не се показват. Както при етикета , наличието на маркер казва само, че ще вмъкнем снимка в нашия код. За да се появи това изображение, обаче, трябва да посочите адреса на това изображение. За тази цел ще трябва да използвате атрибута src, чиято стойност ще бъде адресът на изображението, намиращ се на ресурс на трета страна или на вашия компютър.

Атрибутът alt за маркера

В допълнение, етикета има още един атрибут. Той не се счита задължителен, но се признава за препоръчителен за употреба. Този атрибут е атрибутът Alt alt text. Стойността на този атрибут ще бъде текста, съответстващ на описанието на снимката или изображението. Този текст ще се покаже, ако по някаква причина изображението не се зареди. Освен това използването на този атрибут ще помогне на хората с увредено зрение, които използват четци за екран. По този начин, етикета заедно с двата представени атрибута ще изглежда така:

alt = "описание на изображението" />

Какви други атрибути съществуват?

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

. Същността му е, че той определя позицията на изображението или текста на страницата. Най-основните стойности на този атрибут са вдясно и наляво, което показва дясно и ляво подравняване (съответно). Ако го приложите към изображение, кодът изглежда така:

alt = "описание на изображението"

align = "right" />

Код на екрана

Използване на стилове

Заслужава да се отбележи обаче, че някои от тези атрибути не са използвани напоследък и вместо това се използват каскадни стилови листове (CSS). За да използвате стилове в html, е предписан етикет , който е проектиран да свързва стилове и се намира в маркера .

Споделяне в социалните мрежи:

сроден