HTML5

1.标签

加粗 <strong> <b>

倾斜 <em> <i>

删除线 <del> <s>

下划线 <ins> <u>

 

2.工作目录（打开的文件夹）

打开工作目录后：根目录

绝对路径：在你电脑上的位置，全路径

相对路径：

/    下一级

../  上一级

 

3.图片

alt  替换文本

title  放图片上显示文本

单标签：br换行 src图片

 

4.页面效果：

一个div占一行 span不换行 h标题占一行

 

5.链接

外部链接

<a href="http://www.qq.com" target="_blank">腾讯</a>

target 打开窗口的方式 _self只展示此窗口 _blank跳转另一个窗口

_self当前窗口打开页面   _blank新窗口打开页面

 

内部链接 直接写工作目录下页面路径就可以

空链接（#号） 下载链接（href是文件/压缩包路径）

网页元素链接   使用方法同文字：<a href="http://www.qq.com"><img src="img.jpg"/></a>

锚点链接 点击链接，可以快速定位到页面中某个位置  <a href="#two">第2集</a>    <h3 id="two">第二集介绍</h3>

 

6.特殊字符

空格符 &nbsp;  小于号&lt;  大于号&gt;

 

7.表格

行 tr  单元格 td --单元格加粗居中th

<table>

<tr><td>姓名</td>  <td>姓名</td> <td>年龄</td></tr>

</table>

 

 8.合并单元格

跨行合并：rowspan="合并单元格的个数"   上为目标单元格，写合并代码

跨列合并：colspan="合并单元格的个数"     左为目标单元格，写合并代码

1.先确定是跨行/跨列 

2.找到目标单元格，协商合并方式=合并单元格数量  <td colspan="2" ></td>

3.删除多余的单元格

 

9.列表

有序：<ol>  <li>   无序：<ul>   <li>   自定义：<dl>   <dt>   <dd>

• dl：英文全称是definition list，定义列表。

• dt：英文全称是definition title，定义标题。

• dd：英文全称是definition description，定义描述，也就是定义列表具体内容。

 

----------------------------------表单标签---------------------------------------------

10.input输入表单元素

表单form   action=“跳跃url”  method=“Get”
type 决定呈现什么类型的，text、submit、reset、button、checkbox、radio、file、、
vlaue 决定input区域的显示，maxlength决定最大长度
实现多只能选一，需将不同input加上name属性值，name属性区分不同input

默认选中某input：加上checked="checked"
绑定表单元素：
eg.点击男，可以选中input框：

<lable for="man">男</lable> 

<input type="radio" id="man"></input>

 

11.select下拉列表

<form>

籍贯：

<select>

<option>河北</option>

<option selected=“selected”>北京</option>

</select>

</form>

12.textarea文本域（特大号文本框）