一个完整的html 每个标签的含义

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了一个完整的html 每个标签的含义，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2636字，纯文字阅读大概需要4分钟。

内容图文

             1
            <!
            DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
            >
             2
            <
            html 
            xmlns
            ="http://www.w3.org/1999/xhtml"
            >
             3
            <
            head
            >
             4
            <
            meta 
            http-equiv
            ="Content-Type"
             content
            ="text/html; charset=utf-8"
            />
   <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
             5
            <
            title
            >无标题文档</title> 6<script type="text/javascript" src="js/index.js"></script> 7<script type="text/javascript" src="js/jquery-1.11.0.js"></script> 8<link href="../css/index.css"/> 9<style type="text/css">10.bgx {11    border-bottom-width: 2px;12    border-bottom-style: solid;13    border-bottom-color: #00F;14}15body {16    margin-left: 0px;17    margin-top: 0px;18    margin-right: 0px;19}20.qqxf {21    font-size: 14px;22    color: #666;23    text-align: center;24}25.zhmm {26    width: 100px;27}28.xwz {29    font-size: 14px;30}31.denglu {32    width: 100px;33    height: 25px;34}35</style>36</head>3738<body>39<div></div>40</body>41</html>

        1、 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        

        <!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。  简单来说这个是浏览器读你页面的一个标识让浏览器知道标签的可读性
        

        例如:<header> 标签定义文档的页眉（介绍信息）。  只有<!DOCTYPE html> html5 可以识别   其他都不识别  
        

        
            
2、<html xmlns="http://www.w3.org/1999/xhtml"> </html> 文档标签的开始标签  所有的标签都应该在这个标签之中
        

        　　xmlns="http://www.w3.org/1999/xhtml"   xmlns 属性可以在文档中定义一个或多个可供选择的命名空间。该属性可以放置在文档内任何元素的开始标签中。该属性的值类似于 URL，它定义了一个命名空间，浏览器
        

        　　会将此命名空间用于该属性所在元素内的所有内容。
        

        　　xmlns  在<html>中  可有可无  浏览器在加载是会默认加载 xmlns 
        

        
            
3、<head>   文档的头部，头部元素的容器。<head> 中的元素可以引用脚本、样式表、文档标题等等。 文档标题<title></title> 必须存在可以不填
        

        
            
4、<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        　　meta是html中的元标签，其中包含了对应html的相关信息，客户端浏览器或服务器的程序会根据这些信息进行处理。
        

        　　HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。
        

        　　content（内容类型）：重要！！这个网页的格式是文本的，网页模式
        

        　　charset（编码）：特别重要！！！这个网页的编码是utf-8，中文编码，需要注意的是这个是网页内容的编码，而不是文件本身的，其他类型的编码中文可能会出现乱码。

        5、<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> 页面选择卡上显示的icon图
        

        6、<title>无标题文档</title>  页面名称  常用来显示网站名称 如果是空则显示地址
        

        
            
                7、<script type="text/javascript" src="js/index.js" ></script>  页面脚本  type 类型为文本

        8、<script type="text/javascript" src="js/jquery-1.11.0.js" ></script> js脚本  type 类型为文本

        9、<link href="../css/index.css" />  样式表  默认为text 文本类型
        

        10、<style type="text/css"></style>   页面内的样式表
        

        11、<body> 页面主体标签  必须！！所有的内容标签都写在这个标签中，只有在这个标签中的标签才会在页面显示！！！1

原文：https://www.cnblogs.com/web-snper/p/9041537.html

内容总结

以上是互联网集市为您收集整理的一个完整的html 每个标签的含义全部内容，希望文章能够帮你解决一个完整的html 每个标签的含义所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1323453.html

来源：【匿名】

【下一篇】PHP 和 HTML

更多 ►

【一个完整的html 每个标签的含义】教程文章相关的互联网学习教程文章

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2<html xmlns="http://www.w3.org/1999/xhtml"> 3<head> 4<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> 5<title>无标题文档</title> 6<script type="text/javascript" src="js/index.js"></script...

html5 form表单常用标签【代码】

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title> </head> <body> <form><input type="email"><input type="submit"><input type="tel"><input type="submit"><input type="url"><input type="submit"><input type="search"><input type="submit"><input type="r...

超级简单却不知道：html标签的嵌套规则

XHTML的标签有许多：div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong……我们在运用这些标签搭建页面结构的时候，是可以将它们无限嵌套的，但是，嵌套也需要有一定规则，不能任由自己的个人习惯胡乱嵌套，那么，html标签的嵌套规则有哪些呢？　　一、HTML 标签包括块级元素(block)、内嵌元素（inline）　　1、块级元素　　一般用来搭建网站架构、布局、承载内容……它包括以下这些标签：　　address、blockquote、...

JS HTML标签尺寸距离位置定位计算【图】

四种浏览器对 clientHeight、offsetHeight、scrollHeight、clientWidth、offsetWidth 和 scrollWidth 的解释差异网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth (包括边线的宽)网页可见区域高：document.body.offsetHeight (包括边线的宽)网页正文全文宽：document.body.scrollWidth网页正文全文高：document.body.scrollHeight网页被卷去的高：...

html标签中英文对照,更好理解html标签

HTML标签英文全称中文释义aAnchor锚abbrAbbreviation缩写词acronymAcronym取首字母的缩写词address Address地址dfn Defines a Definition Term定义定义条目kbd Keyboard键盘（文本）samp Sample示例（文本var Variable变量（文本）tt Teletype打印机（文本）codeCode源代码（文本）prePreformatted预定义格式（文本）blockquote Block Quotation区块引用语cite ...

HTML标签marquee实现滚动效果【代码】

页面的自动滚动效果，可由javascript来实现，但是今天无意中发现了一个html标签 - <marquee></marquee>可以实现多种滚动效果，无需js控制。使用marquee标记不仅可以移动文字，也可以移动图片，表格等.语法：<marquee>...</marquee>；说明：在标记之间添加要进行滚动的内容。重要属性：1.滚动方向direction（包括4个值：up、 down、 left和 right）　　语法：<marquee direction="滚动方向">...</marquee>2.滚动方式behavior（scro...

freemarker 集成 sitemesh 装饰html页面 shiro 标签

guest标签：验证当前用户是否为“访客”，即未认证（包含未记住）的用户；　　shiro标签：<shiro:guest></shiro:guest> ；　　freemark中： <@shiro.guest> </@shiro.guest> user标签：认证通过或已记住的用户　　shiro标签：<shiro:user> </shiro:user> ；freemark中： <@shiro.user> </@shiro.user> authenticated标签：已认证通过的用户。不包含已记住的用户，这是与user标签的区别所在。　　 shiro标签：<shiro:auth...

Angular绑定数据时转义html标签【代码】

AngularJs在绑定数据时默认会以文本的形式出现在页面上，比如我现在有这样一段代码<div ng-controller="testCtrl">{{data}}</div>function testCtrl($scope) {$scope.data = ‘<span class="red">标红</span>‘; } 那么在页面上必然会在也面上直接显示 <span class="red">标红</span>要想让包含html标签的字符串，能在页面上正常显示，就必须将其转义，此时就要用到angularjs的ng-bind-html，它可以将包含html标签的字符串进...

HTML常用标签【代码】

HTML常用标签：文本格式：首先，HTML是一种超文本标签语言，它是制作网页的基础。其次，HTML文档中至少包含有成对的<html> </html>、<head> </head>、<title> </title>、<body> </body>标签。1<html>2<head>3<title>我是网页标题</title>4</head>56<body>7 我是网页主题内容 8</body>9</html> 文本解析：<html> 标签是HTML文档的根标签，页面中所有内容都必须包含在<html></html>一、最常用的标签：原文：http://www.cn...

webpack处理html中img标签引入图片不显示问题【代码】

1{2// 处理图片资源 3 test: /\.(jpg|png|gif)$/,4 loader: ‘file-loader‘,5 options: {6// 关闭es6模块化 7 esModule: false,8 9 limit: 20 * 1024, 10111213 name: ‘[hash:10].[ext]‘, 14 outputPath: ‘imgs‘15 } 16 }, 17 { 18// 处理html中img资源19 test: /\.html$/, 20 loader: ‘html-loader‘, 21 optio...

html中input标签相关的属性

1. input标签的type属性属性值描述typebutton定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。file定义输入字段和 "浏览"按钮，供文件上传。checkbox定义复选框。hidden定义隐藏的输入字段。image定义图像形式的提交按钮。password定义密码字段。该字段中的字符被掩码。radio定义单选按钮。reset定义重置按钮。重置按钮会清除表单中的所有数据。submit定义提交按钮。提交按钮会把表单数据发送到服务器。text定义单行...

Html中video标签的使用【代码】【图】

调用方法：<video src="">中间填写视频播放失败的提示语</video>加上controls="controls" 属性，就会出现进度条和播放暂停键由于各种浏览器的版本不同，需要支持不同的视频源 <video id="video" controls="controls"><source src="/video.mp4" type="video/mp4"><source src="/video.ogg" type="video/ogg">　　　<source src="/video.MPEG4" type="video/MPEG4"></video>其中ogg文件适用于chrome，firefox，以及opera浏览器MPEG...

html之label标签【图】

label标签为input元素定义标注，label标签与相关元素通过id属性绑定在一起。相关属性：　　for:规定label绑定到哪个表单元素　　form:规定label字段所属的一个或多个表单示例代码：效果图：原文：http://www.cnblogs.com/kongzhagen/p/6116910.html

HTML元素属性格式化标签【代码】

一、HTML元素： 1.元素指的是从开始标签到结束标签的所有代码 <p>This is my web page.</p> 开始标签：<p> 结束标签：</p> 元素内容：This is my web page. 2.HTML元素语法元素的内容是开始标签与结束标签之间的内容空元素在开始标签中进行关闭大多数HTML元素可拥有属性 3.嵌套的HTML元素大多数HTML元素都是可以嵌套的二、HTML属性 1.标签可以拥有属性...

HTML5 - canvas标签【代码】

canvas标签<!doctype html><htmllang="zh-CN"><head><metacharset="utf-8" /><title>canvas标签</title><head><body><canvasid="canvas"width="500"height="800"style="background:#ccc;">您的浏览器不支持canvas标签，请升级浏览器！</canvas><script>//获取画布对象var canvas=document.getElementById("canvas");//alert(canvas);//获取用于绘画的...