HTML常用标签

1.常用标签

1.1lang=en英文             lang=zh-CN中文

1.2标题标签：一行只能放一个标题标签

1.3段落标签：<p>文本内容</p>

1.4水平线标签：<hr />是单标签

1.5换行标签：<br />强制换行

1.6div和span标签(重点)

div用来布局，一行只能有一个div

span用来布局，一行能有好几个span

2文本格式化标签

2.1加粗标签<b></b>  <strong></strong>

2.2倾斜字体：<i></i> <em></em>

2.3文字加删除线：<s></s> <del></del>

2.4文字加下划线：<u></u> <ins></ins>

3.图像标签<img/>    <img src="图片" />

3.1alt图片不能显示替换文本

3.2title鼠标放在图片上，显示文字

3.3修改图片大小用width  height

3.4border是设置图片边框

4.链接标签

4.1外部链接：<a href="http://www.baidu.com"></a>

4.2内部链接：<a href="demo"></a>

4.3空链接：<a href="#"></a>

4.4一个新窗口打开一个网页：target="_blank"

5.注释标签<!--注释语句-->快捷键ctrl+?或者ctrl+shift+/

6.路径

6.1相对路径：打开目录第一层叫根目录，图片放在一个imges文件夹里面

同一级路径，图片引用时只需直接输入图片名称就行

下一级路径要加上Imges/图片名

上一级路径<img src=". ./imges/timg.gif" />

6.2绝对路径：完整的网络地址

表格、表单、列表

一、表格

1.table用于定义一个表格标签

<table></table>

2.tr是行标签，th是表头单元格（文字居中对齐，会加粗字体）

3.td是单元格标签，必须放在tr标签中

4.没有列标签

5.表格属性

 6.表头单元格   caption

在表格居中之上，随着表格移动而移动

7.合并单元格

跨行合并：rowspan="合并单元格个数";

跨列合并：colspan="合并单元格个数";

7.1合并单元格的顺序

先确定跨行还是跨列  先上后下  先左后右  删除单元格

8.表格划分结构

<thead>/<thead>表格头部部分，<thead>内部必须要有tr标签

<tbody></tbody>表格主义部分

二、列表标签

1、无序

<ul>只能嵌套li

        <li>香蕉</li>

        <li>白菜</li>

</ul>

2、有序

<ol>

        <li>美国</li>

        <li>英国</li>

</ol>

3.自定义列表

<dl>

        <dt>北京</dt>

        <dd>昌平区</dd>

        <dd>海淀区</dd>

</dl>

三、表单

<input/>为单标签  type属性值设置不同指定控件类型不同

 

图片提交按钮，里面必须包含src属性

1.lable标签，提高用户使用效果

1.1 lable直接包含表单

1.2通过for和id来控制

 2.textarea控件文本域（可以写好几行，双标签）

用户留言：<textarea></textarea>

 3.select下拉列表

 

 4.form表单域