html
块级元素:在没有控制宽度的情况下,它的宽度默认占父级元素宽度的100%;高度取决于子元素的最大高度。它存在的目的是排版的盒子模型。,默认普通用户一般看不到他的存在。
块级元素有:
div:盒子
ul:无序列表,与li配合使用,
<ul>
<li></li>
<li></li>
</ul>
li:列表单行,与ul配合使用
ol:有序列表,与li配合使用
<ol>
<li></li>
<li></li>
</ol>
dl:有标题的列表
dt:列表标题
dd:列表单行元素
<dl>
<dt></dt>
<dd><dd>
<dd><dd>
</dl>
dl,dt,dd配合使用
p:文字段落,主要用在文章分段落时使用
h1-h6:文字强调,一般是标题使用该标签强调文章主题
行内元素:尽量不要参与排版,它存在的目的是有一定功能的html标记标签。
行内元素:
img:加载图片<img src=”图片路径”>
input:表单控件<input type=’text’><input type=’button’>根据不同的type类型属性值,有不同的展现形式
span:主要用在单独控制某些文本的CSS属性时使用<p>大家好,我是<span style=”color:#f00”>红色</span></p>
select: 下拉列表控件
<select>
<option value=’0’>北京</option>
<option value=’1’>上海</option>
</select>
option:下拉列表元素,使用方法同上
a:文字超链接,也可以用在图片上
<a href=http://www.baidu.com target=’ _blank’></a>//打开新窗口链接到百度首页
<a href=http://www.baidu.com></a>//在本窗口链接到百度首页
<a href=’#’><img src=’图片路径’></a>
strong:文字加粗,目前作用不大,主要在百度搜索引擎收录网页时可以强调主题
i:文字斜体
textaera:表单控件,文本域,意思是可以输入多行文字,input只能输入一行文字