Най-простите HTML тагове, които можете да научите за 10 минути
Въпреки че съвременните уеб сайтове са създадени с удобни за потребителя интерфейси днес, трябва да знаете някои основни HTML тагове. Ако знаете 17 прости HTML тагове, които сме събрали за вас, можете да създадете основен уебсайт или да получите представа за кода, който вече е бил подготвен.
1. <! DOCTYPE html>
Ще имате нужда от този маркер в началото на всеки HTML документ. Този етикет позволява на браузъра да знае, че страницата, която показва, е HTML и най-новата версия, HTML5 .
2. <html>
Това е друг таг, който казва на браузъра, че страницата съдържа HTML . Маркерът <html> следва маркера DOCTYPE . Един в края на файла </ HTML> Използване на маркера, който отвори преди <HTML> Трябва да затворите тага.
3. <head>
Маркерът <head> се използва за инициализиране на заглавната част на файла. Тези, които са въведени в този маркер, не могат да се видят от посетителите на страницата. Въведените в този маркер кодове обикновено са ограничени до метаданни за търсачките.
4. <заглавие>
Този маркер определя заглавието на страницата ви. За да зададете заглавието на страницата, всичко, което трябва да направите, е да напишете заглавието, което искате да поставите в маркера и да прекратите маркера. Например: <title>KakSePravi.org </title>
5. <meta>
Подобно на етикета за заглавието , метаданните се поставят в заглавното поле на вашата страница. Метаданните са често в търсачките имат за цел да информират търсачките за случилото се и че се използва от вашия сайт.
Има много полета, където можете да използвате мета маркер, но някои от тях могат да бъдат изброени по следния начин:
- описание: Основното описание на страницата.
- ключови думи: Ключови думи, свързани със съдържанието на страницата.
- автор: Авторът на страницата.
- viewport: Прави страницата добре да изглежда на всички устройства.
<meta name = „description“ content = „Обикновено HTML уроци“>
<meta name = „keywords“ content = „HTML, code, tag“>
<meta name = „author“ content = „Решен съм“>
<meta name = „viewport“ content = „ширина = ширина на устройството, initial-scale = 1.0“>
“Viewport” трябва винаги да има “ width = device-width, първоначална скала = 1.0 стойности, за да се гарантира, че страницата се вижда добре на мобилни и настолни устройства .
6. <тел>
След като стигнете края на заглавието, трябва да преминете към тялото. След като отворите маркера <body>, добавете ги в тялото на страницата и затворете етикета, който сте отворили с тялото на adwordsbody> когато няма нищо, което да добавите . Тялото на фразата идва точно преди маркера urlhtml> в края на страницата ви.
За разлика от маркера <head>, съдържащите се в маркера <body> могат да се видят от потребители, които посещават страницата.
<Тяло> KakSePravi.org </ тяло>
Когато се използва горният код, KakSePravi.org ”ще се появи на страницата.
7. <h1>
Маркерът <h1> е най-важният таг сред таговете h1-h6 и често се използва за задаване на заглавието на страницата. Нейната идеална употреба е да се включи само един h1 таг на всяка страница.
Тег <h2> ви позволява да отделите статиите на страницата по секция. Можете също да използвате таговете <h3> <h4> <h5> и <h6> за по-нататъшно усъвършенстване на всяка тема.
8. <p>
Маркерът <p> се използва за стартиране на нов параграф. Употребата на пробата е както следва.
<p> Това е първият параграф.
<p> Това е вторият параграф.
9. <br>
Маркерът <br> ви позволява да превключите към долния ред. В края на трите изречения можете да използвате този маркер, за да се придвижите до най-долния ред и да продължите да пишете с ново изречение или снимка. Употребата на пробата е както следва.
Пиша. Отзиви
Аз просто пиша.
10. <strong>
Този маркер се използва за подчертаване на важни неща. Текстовете, които използвате маркер Strong, се показват в получер шрифт, като обясняват важността на текста, който е удебелен за потребители или търсачки, които посещават страницата.
<Strong>KakSePravi.org </ силен>
11. <em>
Подобно на <b> и <strong> маркерите, <em> и <i> маркерите имат подобни свойства. Маркерът <em> идентифицира маркирания текст и прави текста на курсив.
<em> Подчертан ред
12. <a>
Тегът <a> ви позволява да създавате връзки. Можете да създадете проста връзка както по-долу.
<a href=”https://www.kaksepravi.org/> Отидете на Kaksepravi.org! </a>
Резултат: Отидете на KakSePravi.org!
13. <img>
Ако искате да добавите изображение към страницата, трябва да използвате маркера <img>. Употребата на пробата е както следва.
<img src = ”wp-content / uploads / 2019/07 / bird-flying.jpg”>
14. <ol>
Този таг ви позволява да създадете подреден списък. За да добавите елемент към списъка, трябва да използвате маркера <li> . Употребата на пробата е както следва.
<Ol>
<li> KakSePravi е 1-ви елемент UYGli>
<li> KakSePravi.org 2-ри елемент </li>
</ Ol>
- Позиция 1
- KakSePravi.org 2-ри елемент
15. <ul>
За разлика от <ol > маркерът, <ul> е далеч от създаването на подреден списък. Използва се за изброяване на елементи в списъка без изброяване. Употребата на пробата е както следва.
<Ул>
<Li> Тест. </ Li>
<li> Експеримент # 2
</ Ul>
- Експериментирайте.
- Изпитване 2.
16. <blockquote>
Този маркер се използва, когато се цитира отвсякъде. Този цитат може да бъде например думите на един много известен поет.
17. <таблица>
Този таг ви позволява да създадете таблица. За да оформите таблицата, се нуждаете от още няколко етикета.
<Таблица>
<Tbody>
<Tr>
<Th> 1. мляко </ та>
<Th> 2. колона </ та>
</ TR>
<Tr>
<TD> 1. ред 1 на колоната </td>
<TD> 1. ред 2 от колона http://support.microsoft.com/td>
</ TR>
<TD> 2. ред 1 на колоната </td>
<TD> 2. ред 2 от колона http://support.microsoft.com/td>
</ Tbody>
</ Таблица>
Маркерът <en> се използва за идентифициране на ред. Маркерът <td> се използва за добавяне на редове, докато <th> маркер се използва за добавяне на колони.