Day02

1.知识归纳

1.1 常用标记

1.1.1 无序列表：ul>li

      有序列表：ol>li

1.1.2 插入图片、超链接

 语法：<img src="img/a.jpg"/>（可设置图片宽高）

       <a href="http://www.baidu.com" target="_blank">百度</a>（target="_blank"  打开方式为新页面打开，保留父页面）

      补充：src=“url” 通过url给出图像来源的位置，不可缺省

width=“size” 设置图像宽度

height=“size” 设置图像高度

alt=“txt” 设置在图像未载入前图片位置显示的文字

border=“size” 设置图像边框，缺省为0

align=“alignstyle” 设置对齐方式，取值为：top,middle,bottom,left,center,right

hspace=“size” 设置图片左右边沿空白

vspace=“size” 设置图片上下边沿空白

1.1.3 Html中空格及特殊字符

（1）<pre>可保留文本空格</pre>

（2）特殊字符

1.1.4 没有语义的标签

Html中大部分的标签都具有语义，所在使用的时候一定要注意。还有一部分标签没

有语义，没有语义的标签一般只用来进行布局。

（1） Div

<div></div>

特点：默认占一整行，并且一行里面只能显示一个。

作用：多用来布局，划分区域

（2） Span

<span></span>

特点：大小由内容来决定，并且一行里面可以显示多个。

作用：多用来填充内容（文字)，或者做特殊设置。

（3） Div和span默认显示特点：

Div默认占一整行（根据浏览器的显示大小），div的高度是由div中的内容来

决定的。（块级元素)

Span的宽度和高度都是由内容来决定。（行内元素)

1.1.5 常用表单元素

标签属性作用inouttypetext:文本框
password：密码框
radio：
单选框
checked：复选框
button：
按钮
reset：
重置
image：
图片按钮
submit：
提交
 value selectoption下拉框textarea 文本域

补充：

*想要多个radio或者checkbox组成一个选择集合，那么必须给每个radio以及checkbox都设置相同name属性。

*给radion,checkbox设置默认值

*设置另外一个属性：checked=”checked”

*给下拉框设置默认值selected="selected"

1.1.6 Form标签

语法：<form action=""></form>(action属性 作用：将所有的数据提交到action指定的页面)

作用：用来管理页面上的表单元素，表单元素如果要起作用，必须要放在form标签中。

例：type=resrt的按钮只能在Form之中才能起作用。

1.1.7 新的input属性

autofocus 自动获取焦点

form 指定该input所属的表单

form overrides (formaction , formenctype , formmethod, formnovalidate, formtarget) 表单属性改写

height 和 width

list

min, max 和 step

multiple 可多选

pattern (regexp) 正则表达式

placeholder 占位符

required 必须的

1.1.8 fieldset

fieldset 元素可将表单内的相关元素分组。

<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。

语法：

<fieldsetid="">

<legend></legend>

</fieldset>

2.课堂、课后

2.1 二级列表

2.1 表单

2.3 新的input标签

3.混淆总结

3.1 边距：cellspacing  单元格间距离

          cellpadding  单元格边框与内容间距离

3.2 表格合并：colspan  跨列

              rowspan  跨行