常见html元素

常见的html元素

1.html的作用：定义整个页面"长"成什么样子，相当于网站的骨架。

2.html搭骨架的标签：

标题标签：h1~h6
容器标签：div	:定义大的模块
段落标签：p		：段落
行内标签：span	：元素内容可以在同一行显示，是个行内元素
跳转标签：a		：跳转，有个href属性，属性中放网络路径，点击时会跳转到指定的网络路径中
				  还有一个属性叫target，target属性值有 _self _blank,打开新窗口是否是当前窗口
图片标签：img 	：src属性，要显示图片的路径，可以是本地路径也可以是网络路径。alt属性，在图片显示不出来的时候，要显示的文字
换行标签：br 	：多个行内元素在同一行时，如果需要换行可以使用这个标签
分割标签：hr 	：显示一条分割线 ,width 设置分割线宽度,size：设置线的高度

列表标签：
	不显示列表类型：list-style值为none
	有序列表：ol	：标签中嵌套li标签，li标签中放列表项,列表项前面的类型type设置，常见类型：数字,a,A,I,i

	无序列表：ul ：无序列表中列表项也是li标签包裹，前面类型不是数字、字母、I这些，是点,常见类型：disc，square，circle

	图文混排：dl	：用来显示标签项不用li，使用 dt,dd
					dt:放标题部分
					dd:放内容部分

3. 块级元素和行内元素

块级元素：独占一行，标签的宽是浏览器屏幕的宽，高度由内容决定，常见的块级元素:div, p, ul, li, dl 

行内元素：不独占一行，同一行可以放多个行内元素，行内元素的宽是由内容决定的，高度也是由内容决定的。 常见的行内元素： span, a, em, i

行内-块级元素：不独占一行，宽度可以自己设置。常见元素：input, button,