Home > Article > Web Front-end > What are the html tags?

What are the html tags?

PHPzOriginal: 2023-04-23 10:14:532250browse

In the process of web development, HTML tags are the most basic elements. HTML tags can be said to be the skeleton of HTML documents and the structure of web pages. In this article, we will introduce an overview of HTML tags and the most common types of HTML tags.

HTML tags are text surrounded by angle brackets (<>), such as: . , where html is the tag name. Most tags appear in pairs, like and in the example above. Among them, the first tag is called the "opening tag", and the second tag is called the "closing tag". The opening and closing tags together define the content between the tags.

The following are some common HTML tag types:

Document type declaration: The tag tells the browser what type of document the page is.
HTML tag: HTML tag is a necessary tag for a web page, which represents the starting point and end point of the entire HTML document.
Header tags: Header tags include , <meta>, <link>, <style> and <script>, which define the header information of the document. </li> <li>Body tag: The body tag specifies the main content of the HTML document, including <p>, <h1> - <h6>, <ul>, <ol>, <li>, <a>, <img>, <div> and <span> tags, etc. </a> </li> <li>Table tags: Table tags include <table>, <tr>, <th> and <td>, which are used to create tables on web pages. </li> <li>Computer output tags: Computer output tags are tags used to display computer program source code on web pages, including <pre class="brush:php;toolbar:false"> and <code>. </code> </li> <li>Form tags: Form tags are used for web page interaction, including <form>, <input>, <select>, <textarea> and <button> tags, etc. </li> <li>Multimedia tag: The multimedia tag is used to add various types of media to web pages, such as images, audio, and video. Common tags include <img>, <audio>, and <video>. </li> </ol> <p>In addition, there are some other types of HTML tags, such as frame tags, link tags, style tags, etc. </p> <p>In general, HTML tags, as a necessary element for web development, are the basis of a web page structure. Mastering HTML tags plays a very important role in understanding the structure of web pages and developing web pages. This article introduces some of the most common HTML tag types, but it is not a detailed introduction to all tags. Developers need to learn and use it according to actual conditions. </p><p>The above is the detailed content of What are the html tags?. For more information, please follow other related articles on the PHP Chinese website!</p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Statement：</span><div>The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn</div></div></div><div class="nphpSytBox"><span>Previous article：<a class="dBlack" title="HTML image replacement: How to modify images on your webpage and keep them optimized" href="http://m.php.cn/faq/525021.html">HTML image replacement: How to modify images on your webpage and keep them optimized</a></span><span>Next article：<a class="dBlack" title="HTML image replacement: How to modify images on your webpage and keep them optimized" href="http://m.php.cn/faq/525029.html">HTML image replacement: How to modify images on your webpage and keep them optimized</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Related articles</h2><em><a href="http://m.php.cn/article.html" class="bBlack"><i>See more</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/faq/402895.html" title="Problem in passing value from parent component to child component echarts in Vue" class="aBlack">Problem in passing value from parent component to child component echarts in Vue</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/faq/402896.html" title="Some thoughts on React this binding" class="aBlack">Some thoughts on React this binding</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/faq/402897.html" title="Django uses request to get the parameters sent by the browser" class="aBlack">Django uses request to get the parameters sent by the browser</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/faq/402898.html" title="DOM operation in JQuery - wrap" class="aBlack">DOM operation in JQuery - wrap</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/faq/402899.html" title="Explanation of related content of prototype and prototype chain" class="aBlack">Explanation of related content of prototype and prototype chain</a><div class="clear"></div></li></ul></div></div><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/"><b class="icon1"></b><p>Home</p></a></li><li><a href="http://m.php.cn/course.html"><b class="icon2"></b><p>Course</p></a></li><li><a href="http://m.php.cn/wenda.html"><b class="icon4"></b><p>Q&A</p></a></li><li><a href="http://m.php.cn/login"><b class="icon5"></b><p>My</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/"><b class="icon1"></b><span>Home</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/course.html"><b class="icon2"></b><span>Course</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/article.html"><b class="icon3"></b><span>Article</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/wenda.html"><b class="icon4"></b><span>Q&A</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/dic.html"><b class="icon6"></b><span>Dictionary</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/course/type/99.html"><b class="icon7"></b><span>Manual</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/xiazai/"><b class="icon8"></b><span>Download</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/faq/zt" title="Topic"><b class="icon12"></b><span>Topic</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/" >Home</a></div><div class="swiper-slide"><a href="http://m.php.cn/article.html" class="hover">Article</a></div><div class="swiper-slide"><a href="http://m.php.cn/wenda.html" >Q&A</a></div><div class="swiper-slide"><a href="http://m.php.cn/course.html" >Course</a></div><div class="swiper-slide"><a href="http://m.php.cn/faq/zt" >Topic</a></div><div class="swiper-slide"><a href="http://m.php.cn/xiazai" >Download</a></div><div class="swiper-slide"><a href="http://m.php.cn/game" >Game</a></div><div class="swiper-slide"><a href="http://m.php.cn/dic.html" >Dictionary</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>（ZH-CN）</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>English</span><span>（EN）</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>（ZH-TW）</span></a><a onclick="javascript:setlang('ja');" class="language course-right-orders chooselan " href="javascript:;"><span>日本語</span><span>（JA）</span></a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;"><span>한국어</span><span>（KO）</span></a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;"><span>Melayu</span><span>（MS）</span></a><a onclick="javascript:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;"><span>Français</span><span>（FR）</span></a><a onclick="javascript:setlang('de');" class="language course-right-orders chooselan " href="javascript:;"><span>Deutsch</span><span>（DE）</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时，自动初始化swiper observeParents: true,//修改swiper的父元素时，自动初始化swiper }); </script></div></div><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>