HTML标签,元素类型 概览

标签类型

单标签:只有开始标签,没有结束标签 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>

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

时间: 2024-11-10 13:45:11

HTML标签,元素类型 概览的相关文章

CSS的元素类型

前面有一篇文章讲到在css世界中,html元素的表现都是一个个盒子,而css中盒子的显示方式有三种方式,分别是块元素.行内元素和行内块元素.本文总结这三种显示方式的特征和区别. 1 写在前面 最近在整理cnblogs上页面的样式,默认右侧[随笔分类]中的标签是每行显示一个,而我想把右侧[随笔分类]中的标签设置为一行显示多个标签,至于显示多少个则随标签的大小而定,并且每个标签在鼠标放上去的时候会有背景颜色的变化.效果如下图. 下面我们就来分析一下如何让左边的标签显示方式变为右边这样的吧 2 块元素

Parse Fatal Error at line 41 column 24: 元素类型 &quot;url-pattern&quot; 必须由匹配的结束标记 &quot;&lt;/url-pattern&gt;&quot; 终止

1.错误描述 严重: Parse Fatal Error at line 41 column 24: 元素类型 "url-pattern" 必须由匹配的结束标记 "</url-pattern>" 终止. org.xml.sax.SAXParseException; systemId: jndi:/localhost/SpringMVCH/WEB-INF/web.xml; lineNumber: 41; columnNumber: 24; 元素类型 &qu

CSS中,html中的标签元素

在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素.内联元素(又叫行内元素)和内联块状元素. 常用的块状元素有: <div>.<p>.<h1>...<h6>.<ol>.<ul>.<dl>.<table>.<address>.<blockquote> .<form> 常用的内联元素有: <a>.<span>.<br>.<

html标签元素分类

元素分类 html中的标签元素大体分为三种不同的类型:块状元素.内联元素(又叫行内元素)和内联块状元素. 常用的块状元素有: <div>.<p>.<h1>...<h6>.<ol>.<ul>.<dl>.<table>.<address>.<blockquote> .<form> 常用的内联元素有: <a>.<span>.<br>.<i&

浅谈html中的元素类型

一.元素的分类 根据css显示分类,XHTML元素被分为 三种类型:块状元素,内联元素,可变元素 1.块级元素特点 a.块状元素在网页中就是以块的形式显示,所谓块状就是元素显示为矩形区域, B:默认情况下,块状元素都会占据一行,通俗地说,两个相邻块状元素不会出现并列显示的现象:默认情况下,块状元素会按顺序自上而下排列. C:块状元素都可以定义自己的宽度和高度. D:块状元素一般都作为其他元素的容器,它可以容纳其它内联元素和其它块状元素.我们可以把这种容器比喻为一个盒子. 2.内联元素(inlin

常用HTML标签元素结合及简介

常用HTML标签元素结合及简介 <html></html> 创建一个HTML文档<head></head> 设置文档标题和其它在网页中不显示的信息<title></title> 设置文档的标题        <h1></h1> 最大的标题<pre></pre> 预先格式化文本          <u></u> 下划线<b></b> 黑体字 

元素类型

元素类型 一.XHTML元素分类根据css显示分类,XHTML元素被分为三种类型:块状元素,内联元素,可变元素 1.块状元素(block element) 1)块状元素在网页中就是以块的形式显示,所谓块状就是元素显示为矩形区域,常用的块状元素包块div,dl,dt,dd,ol,ul,fieldset,(h1-h6),p,form,hr,colgroup,col,table,tr,td,等: 2)默认情况下,块状元素都会占据一行,通俗地说,两个相邻块状元素不会出现并列显示的现象:默认情况下,块状元

Html常用标签元素

常用HTML标签元素结合及简介 <html></html> 创建一个HTML文档 <head></head> 设置文档标题和其它在网页中不显示的信息 <title></title> 设置文档的标题 <h1></h1> 最大的标题 <pre></pre> 预先格式化文本 <u></u> 下划线 <b></b> 黑体字 <i><

元素类型知多少

元素就是标签,布局中常用的有三种标签,块元素.内联元素.内联块元素,了解这三种元素的特性,才能熟练的进行页面布局. 块元素 也称为行元素,布局中常用的标签如:div p.ul.li.h1~h6.dl.dt.dd等等都是块元素,它在布局中的行为: a.支持全部的样式 b.如果没有设置宽度,默认宽度为父级宽度的100% c.盒子占据一行.即使设置了宽度 内联元素(行内元素) 布局中常用的标签如:a.span.em.b.strong.i等等都是内联元素,它们在布局中的行为: a.支持部分样式(不支持宽