行标签:同类标签可在一行显示,高度由内容撑开 (display:inline)
常见的有:span b em i img a strong s 等
基本特性:不能设置宽高属性,margin,padding 上下无效,左右有效
块标签:独占一行,宽度默认为100% (display:block)
常见的有:div p h1-h5 ul li ol tr th td
基本特性:能设置宽高属性,margin,padding都有效
行内块标签:在行标签中就有那么几个特殊标签(display:inline-block)
如:img input 等
基本特性:
a. 和相邻行内元素在同一行,但是之间会有空白缝隙。
b. 默认宽度是他本身内容的宽度。
c. 宽度、高度、行高、外边距以及内边距都可以手动设置。
标签的基本用法:
a标签:
属性:href 跳到外部资源
target _black 打开新页面跳转
_self 当前页面跳转
锚跳转:
<a href=”#dfg”>锚跳转</a>
<div id=”dfg”></div>
4种状态
a:link 未被点击的
a:visited 已经被点击的
a:hover 鼠标放上去的
a:active 正在被点击的
img标签:可以直接设置宽高属性
alt当图片加载失败时显示
title鼠标放上去显示的内容
ul 属性名type=disc实心 square正方形 circle圆 空心
特殊字符 © © ♣ ♣    
:
这是我们使用最多的空格,也就是按下space键产生的空格。
 :
此空格有个相当稳健的特性,就是其占据的宽度正好是1/2个中文宽度,而且基本上不受字体影响。
 :
此空格也有个相当稳健的特性,就是其占据的宽度正好是1个中文宽度,而且基本上不受字体影响。
表单
input类型
text 纯文本框 placeholder value
password 密码框
radio 点选框 checked=”checked”默认选中
textarea 多行文本框 rows行 cols列
checkbox 复选框 checked=”checked”默认选中
select 多选框 结合option使用 默认选中selected=”selected”
button 只是一个按钮
submit 提交按钮
reset 重置按钮
fieldset对元素进行分组 legend定义标题
file
image
date
time
email
color
range
search
tel
url
border=>表格的边框
表格:
caption 标题标签
<table>
<caption></caption>
<thead>
<tr>
<th>1</th>
</tr>
</thead>
<tbody>
<tr>
<td>s</td>
</tr>
</tbody>
</table>
bordercolor==>边框的颜色
align 放到table里面,表格整体剧中, 放到tbody里面内容剧中
cellspacing=‘0’ 合并表格的边框
cellpadding 每个格子的空间
bgcolor 表格的背景颜色
rowspan合并行 colspan合并列