头标签排版标签：
、
字体标签：、、、、、超链接图片标签列表标签：、、表格标签：框架标签和内联框架contentitalics<em>,</em>contentemphatically<strong>,</strong>form标签：<form>多媒体标签滚动字幕标签：<marquee>html全称为HyperTextMarkupLanguage，翻译为超文本的一种标记语言，不是一种编程语言，是一种描述性标记语言。1.由一系列的元素（elements）组成，可以用来包围内容的不同部分，使其以一定的方式呈现或发挥作用。2、用于描述超文本中内容的显示方式。如字体颜色、大小等。超文本：音频、视频、图片都称为超文本。标签：<英文单词或字母>称为标签，一个HTML页面由各种标签组成。以上段落元素的主要部分是：1.开始标签的作用：HTML是负责描述文档语义的语言。注意：HTML语言不是编程语言（有编译过程），而是标记语言（没有编译过程），HTML页面直接由浏览器解析执行。HTML是负责描述文档语义的语言。在html中，只有语义。html是纯文本文件（由txt文件改名而来），使用了一些标签来描述文本的语义。这些标签在浏览器中是不可见的，所以被称为“超文本”，所以它们是“超文本”标记语言。所以，接下来，我们必须学习html中的一堆标签对，它们可以赋予文本不同的语义。比如面试的时候，我问你，h1标签的作用是什么？正确答案：给文本增加一个主标题的语义。错误答案：使文本加粗、变黑或变大。HTML标签不是区分大小写。但是，为了一致性、可读性等，最好只使用小写字母。HTML的网络术语网页：由各种标签组成的页面称为网页。主页（HomePage）：网站的起始页或导航页。标签：<p>称为开始标签，</p>称为结束标签，也叫标签。每个标签都有指定的特定含义。元素：<p>内容</p>被称为元素。属性：每个标签的辅助信息。xhtml：符合XML语法标准的HTML。dhtml：动态的，动态的。javascript+css+html的组合页面就是一个dhtml。http：超文本传输??协议。它用于指定客户端浏览器与服务器交互时的数据格式。SMTP：邮件传输协议，ftp：文件传输协议。HTML文档结构<!DOCTYPEhtml>：声明文档类型。很久以前，早期的HTML（大约1991年2月），文档类型声明类似于一个链接，它规定了HTML页面必须遵循的良好规则，并且可以自动检测错误和其他有用的东西。使用如下：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">但是现在再也没有人这样写了，需要包含这些东西才能正常工作已经成为过去。您只需要知道<!DOCTYPEhtml>是最短的有效文档声明。<html></html>：<html>元素。这个元素包裹了整个完整的页面，是一个根元素。<head></head>：<head>元素。这个元素是一个容器，里面包含了所有你想包含在HTML页面中，但不显示在HTML页面中的内容。其中包括您希望出现在搜索结果中的关键字和页面描述、CSS样式、字符集声明等。您可以在后面的章节中了解有关<head>元素的更多信息。<metacharset="utf-8">：该元素将文档设置为使用utf-8字符集进行编码，其中包含大部分人类文本。基本上你放上去的文字内容他都能认出来。毫无疑问地使用它，它会避免以后出现许多其他问题。<title></title>：设置页面的标题，出现在浏览器选项卡上，可以在标记/收藏页面时用于描述页面。<body></body>：<body>元素。包含你访问页面时页面显示的所有内容，文字、图片、音频、游戏等。中文可以使用的字符集有两种：第一种：UTF-8。UTF-8是国际通用字库，涵盖了地球上所有人类语言，如阿拉伯文、中文、鸟语……第二类：GBK（扩展GB2312）。gb2312是国标，是中文字库，只涵盖汉字和一些常用的外文，比如日文片假名，常用符号。字体大小：UTF-8（全字符）>gb2312（仅限汉字）当前用meta标签声明的html文档的字体库必须和保存的文件编码类型一致，否则会乱码！（强调）。文档声明标题对于任何标准的HTML页面，第一行必须是以<!DOCTYPE...>开头的语句。这一行就是文档声明头，DocTypeDeclaration，简称DTD。此标记告诉浏览器文档使用哪种HTML或XHTML规范。head标签html5比较完整的骨架：<!DOCTYPEhtml><htmllang="en"><head><metacharset\="UTF-8"\><metaname\="viewport"content\="width=device-width,initial-scale=1.0"\><metahttp-equiv\="Content-Type"content\="text/html;charset=UTF-8"\><metaname\="作者"content\=""\><metaname\="Keywords"content\="Awesome,veryawesome,veryawesome"/><metaname\="Description"content\="网易是中国领先的互联网技术公司提供为用户提供免费的邮箱、游戏、搜索引擎服务，开通了新闻、娱乐、体育等30多个内容频道，以及博客、视频、论坛等互动交流，在线聚人之力."/><title\>Document</title\></head><body></body></html>面试题：问：网页的head标签表示页面的配置，什么配置有?答：字符集、关键字、页面描述、页面标题、IE适配、viewport、iPhone小图标等。head标签放在head部分之间。包括：<title>、<base>、<meta>、<link<title>：指定整个网页的标题，显示在浏览器的顶部。<base>：设置页面上所有链接的默认地址或默认目标以及标题栏显示的内容。<meta>：提供页面的基本信息<body>：用于定义HTML文档中要显示的内容，也称为body标签，我们写的代码必须放在这个标签中<link>：定义文档与外部资源的关系meta标签：上面的<meta>标签不用记住，还有一个<meta>标签需要记住：<metahttp-equiv="refresh"content="3;http://www.baidu.com">上面这个标签的意思是3秒后自动跳转到百度页面。几种常见的meta标签如下：(1)charset:<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">字符集由meta标签中的charset定义,而meta的意思是“元”。“元”配置是指基本配置项。charset是字符集（即“字符集”）。浏览器使用meta来查看网页是什么字符集。比如你保存的时候，如果meta和声明的不匹配，那么浏览器就是乱码。(2)Viewport视口：<metaname="viewport"content\="width=device-width,initial-scale=1.0"\>width=device-width：表示视口宽度等于屏幕宽度。viewport这个知识点初学者还是比较难理解的，以后学习web移动端的时候会用到。(2)定义“关键词”：示例如下：<metaname="关键词"content="网易、邮箱、游戏、新闻、体育、娱乐、女性、亚运、论坛、短信"/>这些关键词是为了告诉搜索引擎，这个网页是做什么用的，可以提高搜索命中率。让其他人找到你并搜索你。(3)定义“页面描述”：meta除了可以设置字符集，还可以设置关键字和页面描述。只要设置Description页面的描述，这些句子就可以显示在百度搜索结果中。这种技术叫做SEO（searchengineoptimization，搜索引擎优化）。设置页面描述示例：<metaname="Description"content="网易是中国领先的互联网科技公司，为用户提供免费邮箱、游戏、搜索引擎服务，开通新闻、娱乐等30多个内容频道、体育等与博客、视频、论坛等互动交流，在线聚人的力量。”/>效果如下：title标签：用于设置网页的标题：<title\>网页标题</title\>title也有助于SEO搜索引擎优化。base标签：<basehref="/">base标签用于指定基本路径。指定后，所有的a链接都基于这个路径。<body>标签的属性包括：bgcolor：设置整个网页的背景颜色。background：设置整个网页的背景图片。text：设置网页中的文字颜色。leftmargin：网页的左边距。IE浏览器默认为8像素。topmargin：网页的上边距。rightmargin：网页的右边距。bottommargin：网页的下边距。<body>标签还有一些其他的属性。下面举例说明一下：上面代码中，当我们对clickme这个词使用超链接时，clickme，link属性表示默认显示颜色，alink属性表示鼠标点击但是没有颜色的时候释放，vlink属性表示点击完成后显示的颜色。效果如下：块级元素和行内元素1、块级元素在页面上以块的形式显示。它会相对于前面的内容另起一行出现，后面的内容也会被挤到下一行。2、内联元素通常出现在块级元素中，围绕着一小部分文档内容。内联元素不会导致文本换行。空元素并非所有元素都有开始标记、内容和结束标记。有些元素只有一个标签，通常用于在元素的位置插入/嵌入一些东西。例如：元素[<img>]用于在元素[<img>]的位置插入指定的图片接下来我们说说<body>中各种标签的属性。HTML标签是有层次的，HTML将所有标签分为两种：文本级标签：p、span、a、b、i、u、em。文本级标签中只能放置文本、图片和表单元素。（a和input不能放在a标签中）容器级标签：div、h系列、li、dt、dd。任何东西都可以放在容器级标签中。从学习p的第一天起，你就必须牢牢记住：p标签是文本级别的标签，p中只能放置文本、图片、表单元素。其他一切都不能被释放。块级标签<div>和<span>div和span是非常重要的标签，div的语义是划分“分割”；span的语义是span“range,span”。正如你在CSS课程中所了解的，这两个东西是最重要的“盒子”。div：将标签中的内容视为一个块（划分）。必须在一条线上。div标签的属性：align="属性值"：设置块的位置。属性值可以选择：left,right,center。<span>和<div>之间的唯一区别是：<span>不换行，而<div>会换行。如果将这两个元素分别插入到网页中，则不会对页面产生任何影响。这两个元素是专门为定义CSS样式而创建的。也就是说，DIV+CSS实现各种样式。</p> </div> </div> <div class="zuowen_sxy"> <div class="prev">上一篇：<a title="变宽高元素居中布局解决方法" href="/webqianduan/233519.html">变宽高元素居中布局解决方法</a> </div> <div class="prev">下一篇：<a title="总结：清除浮动方法" href="/webqianduan/233521.html">总结：清除浮动方法</a> </div> </div> <div class="related_about"> <div class="related_about_t"><code>HTML标签相关文章</code></div> <ul> <li><a href="/kejifunen/370212.html" target="_blank" title="支付宝VR Pay是噱头还是对未来的拥抱？ ">支付宝VR Pay是噱头还是对未来的拥抱？ </a></li> <li><a href="/kejifunen/370165.html" target="_blank" title="索尼新款WH-CH700N头戴式无线耳机搭载AI降噪技术">索尼新款WH-CH700N头戴式无线耳机搭载AI降噪技术</a></li> <li><a href="/kejifunen/370146.html" target="_blank" title="都说VR头显没机会创业了，为什么还在做">都说VR头显没机会创业了，为什么还在做</a></li> <li><a href="/kejifunen/370081.html" target="_blank" title="撕掉定制流量标签后，还剩多少家家居企业能够成功？ ">撕掉定制流量标签后，还剩多少家家居企业能够成功？ </a></li> <li><a href="/kejifunen/370073.html" target="_blank" title="配备一个手环比头戴式设备有“提神”功能还好">配备一个手环比头戴式设备有“提神”功能还好</a></li> <li><a href="/kejifunen/369998.html" target="_blank" title="联想发布VR头盔原型机！重350克，售价约300美元">联想发布VR头盔原型机！重350克，售价约300美元</a></li> <li><a href="/kejifunen/369904.html" target="_blank" title="谷歌眼镜新专利！摄像头和棱镜显示屏将分离">谷歌眼镜新专利！摄像头和棱镜显示屏将分离</a></li> <li><a href="/kejifunen/369868.html" target="_blank" title="华米科技！乘着小米生态链东风，成为智能可穿戴领头羊">华米科技！乘着小米生态链东风，成为智能可穿戴领头羊</a></li> <li><a href="/kejifunen/369860.html" target="_blank" title="无需等待，三星专属VR头显离我们还很遥远！ ">无需等待，三星专属VR头显离我们还很遥远！ </a></li> <li><a href="/kejifunen/369834.html" target="_blank" title="互联网巨头考试！谁将成为智能家居行业No.1？ ">互联网巨头考试！谁将成为智能家居行业No.1？ </a></li> <li><a href="/kejifunen/369828.html" target="_blank" title="MR大战一触即发 巨头们各自打着小算盘">MR大战一触即发 巨头们各自打着小算盘</a></li> <li><a href="/kejifunen/369802.html" target="_blank" title="丢掉角色，丢掉标签！ 717京东游戏日，做最酷的自己">丢掉角色，丢掉标签！ 717京东游戏日，做最酷的自己</a></li> <li><a href="/kejifunen/369785.html" target="_blank" title="HTC惠普两大巨头联手欲打造VR电脑">HTC惠普两大巨头联手欲打造VR电脑</a></li> <li><a href="/kejifunen/369778.html" target="_blank" title="准备爆炸！ 2018年VR头显市场及技术分析">准备爆炸！ 2018年VR头显市场及技术分析</a></li> <li><a href="/kejifunen/369773.html" target="_blank" title="抢先体验乐享大鹏头盔！玩VR游戏不再头晕">抢先体验乐享大鹏头盔！玩VR游戏不再头晕</a></li> <li><a href="/kejifunen/369772.html" target="_blank" title="网易云音乐上线“石头计划”词曲创作大赛 薛之谦任特邀评审官">网易云音乐上线“石头计划”词曲创作大赛 薛之谦任特邀评审官</a></li> <li><a href="/kejifunen/369738.html" target="_blank" title="前腕带巨头Jawbone的破产该归咎于谁？ ">前腕带巨头Jawbone的破产该归咎于谁？ </a></li> <li><a href="/kejifunen/369727.html" target="_blank" title="运动智能穿戴领域已成为新蓝海，传统体育巨头为何屡屡碰壁？ ">运动智能穿戴领域已成为新蓝海，传统体育巨头为何屡屡碰壁？ </a></li> <li><a href="/kejifunen/369582.html" target="_blank" title="全球智能设备齐聚，以可穿戴设备抢尽风头">全球智能设备齐聚，以可穿戴设备抢尽风头</a></li> <li><a href="/kejifunen/369569.html" target="_blank" title="索尼全画幅微单A9 索尼A9和G Master镜头SEL40">索尼全画幅微单A9 索尼A9和G Master镜头SEL40</a></li> </ul> </div> </div> <div class="main-right"> <div class="right_fix"> <div class="r_con"> <div class="r_title">最新推荐</div> <ul> <li><em>1</em><a href="/kejifunen/371240.html" title="领先苹果、谷歌加大AR领域投入！独立头显曝光" target="_blank">领先苹果、谷歌加大AR领域投入！独立头显曝光</a></li> <li><em>2</em><a href="/kejifunen/371228.html" title="自媒体也做智能硬件吗？噱头大于实质" target="_blank">自媒体也做智能硬件吗？噱头大于实质</a></li> <li><em>3</em><a href="/kejifunen/371197.html" title="可穿戴设备巨头布局，智能硬件概念风起云涌" target="_blank">可穿戴设备巨头布局，智能硬件概念风起云涌</a></li> <li><em>4</em><a href="/kejifunen/371118.html" title="三星曝20个新漏洞！黑客可以控制你家的摄像头和门锁" target="_blank">三星曝20个新漏洞！黑客可以控制你家的摄像头和门锁</a></li> <li><em>5</em><a href="/kejifunen/371052.html" title="第二代蚂蚁TV VR头盔淘宝众筹于8月19日结束，众筹总额达" target="_blank">第二代蚂蚁TV VR头盔淘宝众筹于8月19日结束，众筹总额达</a></li> <li><em>6</em><a href="/kejifunen/371033.html" title="阿里巴巴云栖大会重磅发布！马云老师讲授新制造，成立平头哥芯片" target="_blank">阿里巴巴云栖大会重磅发布！马云老师讲授新制造，成立平头哥芯片</a></li> <li><em>7</em><a href="/kejifunen/371015.html" title="高品质VR头戴设备必须具备的特性" target="_blank">高品质VR头戴设备必须具备的特性</a></li> <li><em>8</em><a href="/kejifunen/370991.html" title="马化腾详解腾讯AI布局，激辩人工智能巨头汤晓鸥【附文字记录】" target="_blank">马化腾详解腾讯AI布局，激辩人工智能巨头汤晓鸥【附文字记录】</a></li> <li><em>9</em><a href="/kejifunen/370979.html" title="AI写诗靠谱吗？微软小冰出版新诗集，让人一头雾水" target="_blank">AI写诗靠谱吗？微软小冰出版新诗集，让人一头雾水</a></li> <li><em>10</em><a href="/kejifunen/370976.html" title="王者归来！昔日巨头能否在可穿戴市场重生？ " target="_blank">王者归来！昔日巨头能否在可穿戴市场重生？ </a></li> </ul> </div> <div class="r_con"> <div class="r_title">猜你喜欢</div> <ul class="you_like"> <li><em>1</em><a href="/kejifunen/370932.html" title="富士胶片推出配备节省空间和可旋转镜头的新型紧凑型投影仪产品 " target="_blank">富士胶片推出配备节省空间和可旋转镜头的新型紧凑型投影仪产品 </a></li> <li><em>2</em><a href="/kejifunen/370922.html" title="又一场AR旋风，你想了解AR头盔吗？ " target="_blank">又一场AR旋风，你想了解AR头盔吗？ </a></li> <li><em>3</em><a href="/kejifunen/370812.html" title="VR眼镜-头盔已成为可穿戴设备新的技术趋势" target="_blank">VR眼镜-头盔已成为可穿戴设备新的技术趋势</a></li> <li><em>4</em><a href="/kejifunen/370778.html" title="米家定制飞利浦智锐床头灯拆箱图！无极旋转调光调色" target="_blank">米家定制飞利浦智锐床头灯拆箱图！无极旋转调光调色</a></li> <li><em>5</em><a href="/kejifunen/370745.html" title="索尼全画幅微单相机A9 索尼A9与G Master镜头SEL" target="_blank">索尼全画幅微单相机A9 索尼A9与G Master镜头SEL</a></li> <li><em>6</em><a href="/kejifunen/370702.html" title="Thync 头带评测！帮助你摆脱焦虑、恢复活力的可穿戴设备" target="_blank">Thync 头带评测！帮助你摆脱焦虑、恢复活力的可穿戴设备</a></li> <li><em>7</em><a href="/kejifunen/370688.html" title="国内VR头盔至少有100多种，但大部分都是低端产品" target="_blank">国内VR头盔至少有100多种，但大部分都是低端产品</a></li> <li><em>8</em><a href="/kejifunen/370680.html" title="虚拟现实头盔Virglass Phantom使用指南" target="_blank">虚拟现实头盔Virglass Phantom使用指南</a></li> <li><em>9</em><a href="/kejifunen/370675.html" title="健康产业是否已成为智能穿戴设备的一个噱头？ " target="_blank">健康产业是否已成为智能穿戴设备的一个噱头？ </a></li> <li><em>10</em><a href="/kejifunen/370672.html" title="各领域龙头企业再度乘VR浪潮" target="_blank">各领域龙头企业再度乘VR浪潮</a></li> <li><em>11</em><a href="/kejifunen/370637.html" title="研发10月安全巨头大华正式推出乐成育儿机器人" target="_blank">研发10月安全巨头大华正式推出乐成育儿机器人</a></li> <li><em>12</em><a href="/kejifunen/370557.html" title="谁会更好？三大VR头显详细体验报告" target="_blank">谁会更好？三大VR头显详细体验报告</a></li> <li><em>13</em><a href="/kejifunen/370542.html" title="追随国际巨头方向-nbsp-厦门企业追赶潮流，大力发展智能穿" target="_blank">追随国际巨头方向-nbsp-厦门企业追赶潮流，大力发展智能穿</a></li> <li><em>14</em><a href="/kejifunen/370533.html" title="儿童智能手表行业发展势头强劲，谁将引领行业新格局？ " target="_blank">儿童智能手表行业发展势头强劲，谁将引领行业新格局？ </a></li> <li><em>15</em><a href="/kejifunen/370528.html" title="趣头条与PConline达成合作" target="_blank">趣头条与PConline达成合作</a></li> <li><em>16</em><a href="/kejifunen/370414.html" title="全球第一可穿戴巨头Fitbit在亚洲销量暴跌45%" target="_blank">全球第一可穿戴巨头Fitbit在亚洲销量暴跌45%</a></li> <li><em>17</em><a href="/kejifunen/370401.html" title="Shadowtron AR眼镜发布！ Halo头盔、Air双" target="_blank">Shadowtron AR眼镜发布！ Halo头盔、Air双</a></li> <li><em>18</em><a href="/kejifunen/370388.html" title="智能电视加速渗透 巨头抱团纵深释放OTT" target="_blank">智能电视加速渗透 巨头抱团纵深释放OTT</a></li> <li><em>19</em><a href="/kejifunen/370325.html" title="从颜值开始，忠于品质——兄弟QL-1100系列标签打印机新品" target="_blank">从颜值开始，忠于品质——兄弟QL-1100系列标签打印机新品</a></li> <li><em>20</em><a href="/kejifunen/370308.html" title="海尔、伊莱克斯、LG、三星等国际巨头签署合作协议，推动全球家" target="_blank">海尔、伊莱克斯、LG、三星等国际巨头签署合作协议，推动全球家</a></li> </ul> </div> </div> </div> </div> <div class="related_article"></div> <div class="footer"> <p>Copyright © 2012-2022 程序源 版权所有<a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">豫ICP备2022028201号</a></p> <p>重要申明：本站所有的文章、图片、评论等，均由网友发表或上传并维护或收集自网络，属个人行为，与本站立场无关。 如果侵犯了您的权利，请与我们联系，我们将在24小时内进行处理、任何非本站因素导致的法律后果，本站均不负任何责任。</p> </div> <!-- 应用插件标签 start --> <!-- 应用插件标签 end --> </body> </html>
