HTML、CSS总结(一)

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只能输入一行文字




回到

顶部