码迷,mamicode.com
首页 > Web开发 > 详细

HTML标签,元素类型 概览

时间:2019-12-21 00:23:57      阅读:98      评论:0      收藏:0      [点我收藏+]

标签:背景   space   路径   hit   logo   htm   row   支持   半径   

标签类型
单标签:只有开始标签,没有结束标签 meta img input
双标签:既有开始标签,又有结束标签 html head body
xml在写这种页面时必须写(/)
在HTML5种有一些标签不写结束标签也是正确的
!DOCTYPE HTML:声明文档类型为H5文档
兼容模式; 向上兼容(兼容IE高版本)
混杂模式: 兼容模式为向下兼容(兼容IE低版本)、
html标签:
大区块类:
html页面的标记标记标签,所有内容全都写在这个标签里
html是所有标签的父元素,也是根元素
head标签:用于存放元文件(meta配置、link样式scri行为)
body标签;用于存放页面中一切可见元素
标题类标签:
h1-h6 h7被废除 不可越级写
h1:主标题标签,次数为0-5次 使用场景: logo 公司名称、 重要性的广 告语和文章的标题
h2:主题标签, 使用次数为0-10次,使用场景:大区块的标题和文章标题。
h3:主题标签, 次数为0-20次使用场景:区块的标题
h4、h5、h6:副标题标签,没有使用次数限制,
注意:同区块的标题要保持一致,
一个区块内标题的重要性要逐渐的降低
不允许嵌套块元素
常用标签:
<span>span标签,无语义,无样式,使用场景:给特殊的文本或者效果加特殊的样式</span> 

<b>粗体标签,无语义,样式:粗体,使用场景:做背景图或者是引字体图标</b>

<i>斜体标签,无语义,样式:斜体,使用场景:做背景图或者是引字体图标</i>
<strong>加重语气标签,样式:粗体,使用场景:主要针对文本</strong>
<em>加重语气标签,样式:斜体,使用场景:主要针对非文本(图片、视屏、音频····) </em>

<font>字体标签,已废除</font>
<color>颜色标签,已废除</color>
<sup>上标</sup> X<sup>2</sup>
<
sub>下标</sub> H <sub>2</sub>O
<del>删除线</del>
<small>小标签</small>
<p>段落标签</p>
<div>大区快标签</div>

<table>表格标签 <thead>

表头
<tr>
  <td></td>
</tr>

</thead>

<tbody>主体标签

<tr>

  <td></td>

</tr>

</table>

<form>表单
<label>

<input>单标签
<select>下拉列表标签

<option>下拉列表是的数据</option>

</select>
多行文本框: <textarea name="" id="" cols="10" rows="10"></textarea> </label> </form> <ol type="A" start="5">
有序列表 <li></li>

</ol> <dl> 定义列表

<dt></dt>

<dd></dd>
</dl>

<dir> 目录列表 已废除
<li>第一章....01</li>
<li>第二章....02</li>
<li>第三章....03</li>
</dir>
<menu> 菜单列表
  <li></li>
  <li></li>
  <li></li>
</menu>

<ul type="disc"> 无序列表
<li></li>
<li></li>
<li></li>
</ul>
<
iframe src="" frameborder="1" width="100%" height="90" name="879"></iframe>框架标签

<frame>框架标签 已废除

<frameset></frameset> 框架集标签 已废除
不常用:
影像地图:map 绘制区域area 属性: shape形状: rect矩形 circle圆形 poly多边形 coords坐标:左右上下 圆心半径 每一个点 href路径 alt文字描述 <img src="../../6985027.jpg" usemap="#map"/> <map name="map"> <area shape="rect" coords="103,101,262,197" href="../练习/练习.html" > <area shape="circle" coords="" href="" > </map> <marquee behavior="" direction="right" scrolldelay="1" scrollamount="50" loop="infinite"> <p>来句话</p> <img src="../练习123/images/banner.png" > </marquee> behavior滚动方式 scroll默认值无限滚动 slide滚动到一边就停止 alternate来回滚动 direction滚动的方向 left、right、up、down scrolldelay滚动的时间 scrollamount滚动的速度 loop循环的次数infinite无限次 <object> 标签用于包含对象,比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。0. object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持,这一点并未实现。 浏览器的对象支持有赖于对象类型。不幸的是,主流浏览器都使用不同的代码来加载相同的对象类型。 而幸运的是,object 对象提供了解决方案。如果未显示 object 元素,就会执行位于 <object> 和 </object> 之间的代码。通过这种方式,我们能够嵌套多个 object 元素(每个对应一个浏览器)
代码标签:
代码块(预格式标签):pre
变量:var
输出结果:smap
输出语句:kbd
引用语标签:<blockquote></blockquote>
常用标签:
 
 <a href=""></a> 
 <img src="" alt="" title=""/>
元素类型:
块元素:独占一行,能设置下宽高
行元素:共享一行,不能设置宽高
行级块元素:共享一行,能设置宽高
块元素能够包含一切行元素
行元素不能包含任何块元素,a标签除外(看a标签的父级是否能够包含a标签的子级)
例如:
<h2><span></span></h2> 
<a href=""><p></p></a>

HTML标签,元素类型 概览

标签:背景   space   路径   hit   logo   htm   row   支持   半径   

原文地址:https://www.cnblogs.com/punisher999/p/12075524.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!