Топ 11 HTML тагове, които всеки блогър и собственик на уебсайт трябва да знае

реклама

Световната мрежа знае много езици и е кодирана в няколко различни. Единият език, който може да се намери навсякъде и да съществува от времето на изобретяването на уеб страниците, е HyperText Markup Language, по-известен като HTML. Както подсказва името, HTML не е програмиране, а език за маркиране. Маркировките се интерпретират от браузърите за визуализиране на съдържание на уебсайтове. В най-простата си форма HTML се използва за форматиране на текст, вграждане на медийни файлове и организиране на съдържание в уеб страница. С други думи, HTML описва уеб страници и въз основа на това описание браузърът създава „изображение“.

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

Преди да започнем, нека ви запозная с някои основни правила, които, надяваме се, ще направят HTML маркерите по-лесни за разбиране:

• HTML използва маркери за маркиране, които са затворени в ъглови скоби, като този:
• Маркерите, които приличат на този в примера по-горе, се наричат ​​начални маркери. Всеки начален маркер трябва да бъде последван от краен маркер в даден момент, като този:
• Някои тагове не описват съдържание. За да бъдат съобразени с настоящите стандарти обаче, те все още трябва да приключат. Следователно те обединяват началния и крайния маркер, като този:
  

Форматиране на текст

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

Вход:смел
Изход: удебелен

Вход:курсивен
изход:курсивен

Вход:подчертаната
изход:подчертаната

Вход:стачка чрез текст
изход:стачка чрез текст

Създаване на хипертекст

Обикновените URL адреси могат да изглеждат доста грозно. Добавянето на хипервръзка към текст, т.е. създаване на хипертекст, е много по-стилно и ще спести място, особено ако връзката е много дълга.

Вход:Да се ​​възползват от
изход:Да се ​​възползват от

Както можете да видите този HTML етикет е малко по-сложен, така че нека го разгледаме подробно. Действителният маркер е а допълнителните елементи са атрибути, които уточняват допълнителни характеристики. Атрибутът HREF = указва връзката и заглавие = определя подсказката с мишката. Не забравяйте да използвате кавички, за да оградите връзката и заглавието, в противен случай може да се окажете с прекъсната връзка.

Вграждане на изображения

Една снимка може да каже повече от хиляда думи. Трябва да ги използваме по-често. И ето как можете ръчно да го вмъкнете с помощта на HTML:

Вход:
изход:

Нека също така да анализираме този маркер. Отново действителният маркер е и необходимите атрибути са SRC = и н =. Първият сочи към местоположението на изображението, т.е. неговия URL адрес, а вторият предоставя алтернативен текст, който се показва в случай, че показването на изображения е блокирано или връзката е прекъсната. Отново използвайте кавички, за да избегнете прекъснати връзки.

Най- tag също е пример за маркер, който не е необходимо да бъде „приключен“ и следователно се затваря с предния тире в началния маркер, т.е. отколкото .

Прекъсвания и параграфи

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

Вход:

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

Вход:

Текст във вашия абзац.

изход: За разлика от предишния маркер, маркерът на абзаца има стандартен начален и краен маркер. Текстът между двата маркера е увит в абзац, което означава, че има празен ред преди и след.

списъци

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

Вход:

1. Елемент първи


2. Точка втора

изход:

1. Елемент първи
2. Точка втора

Вход:

• Елемент първи


• Точка втора

изход:

• Елемент първи
• Точка втора

За да създадете подреден списък, използвайте маркера и за нередовен списък въведете маркер. И в двата случая

се използва за определяне на елемент в списъка.

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

• 5 стъпки за разбиране на основния HTML код 5 стъпки за разбиране на основния HTML кодHTML е основата на всяка уеб страница. Ако сте начинаещ, нека ви преведе през основните стъпки за разбиране на HTML. Прочетете още
• 5 HTML съвета за създаване на безплатен уеб сайт за бързо зареждане 5 HTML съвета за създаване на безплатен уеб сайт за бързо зареждане Прочетете още
• 7 страхотни HTML ефекта, които всеки може да добави към своя уебсайт 8 страхотни HTML ефекта, които всеки може да добави към своя уебсайтНе е нужно да знаете CSS или PHP, за да изградите фантазиран сайт. Използвайте тези готини HTML трикове, за да генерирате страхотни ефекти. Прочетете още

Чувствате ли се малко по-уверени в използването на HTML маркери сега? Ако преди това сте били „ръчно кодиране“ рутинно, кои маркери смятате, че липсват?

Кредитни изображения: kentoh