html的标签使用及效果

一.常用标签

1.标题标签

标题一共六级选，由粗到细，由大到小

2.段落标签和换行标签

<p> </p>段落标签

<br />换行标签（单标签）

3.文本格式化标签

1.<strong></strong>加粗（<b></b>）

2.<em></em>倾斜（<i></i>）

3.<del></del>删除线（<s></s>）

4.<ins></ins>下划线（<u></u>）

5.<sub></sub>下标 <sup></sup>上标

4.水平线标签<hr>的属性

1.color 颜色

2.size 宽度

3.align 对齐方式

4.width 长度

5.noshade 线段无阴影属性

效果图如下:

5.常用的文字样式属性<font> </font>被style取代

6.图片的插入

7.超链接标签

1.外部链接：<a herf="网址"> <a>

点击"百度"，就可以前往百度了，其中链接的字体样式依旧使用css修改

2.内部链接:网站内部页面之间的相互链接,直接链接内部页面名称即可,例如首页。

3.空链接: 如果当时没有确定链接目标时，<a href=“#">首页 </a >。

4.下载链接: 如果 href 里面地址是一个文件或者压缩包，会下载这个文件。

5.网页元素链接:在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接。

6.锚点链接:点我们点击链接,可以快速定位到页面中的某个位置：在链接文本的 href 属性中,设置属性值为 #名字的形式,如<ahref="#two">第2集</a>；找到目标位置标签，里面添加一个id属性=刚才的名字,如:<h3 id="two”>第2集介绍</h3>

二.表格标签

1.<thead></thead>:用于定义表格的头部。<thead>内部必须拥有<tr>标签。一般位于第一行，<th>为表头单元格

2.<tbody></tbody>:用于定义表格的主体，主要用于放数据本体。<td>为普通单元格

3.以上标签都是放在<table></table>标签中。

4.合并单元格

属性：

align
backgroundcolor 背景颜色
border :设置边框的宽度
width height

行合并 : rowspan
列合并 : colspan

合并三部曲

1.先确定是跨行还是跨列合并。

2.找到目标单元格，写上合并方式=合并的单元格数量。比如:<td colspan=“2”> </td>。

3.删除多余的单元格

三.列表标签

1.<ul> </ul>无序列表

里面只能包含li 没有顺序，使用较多。li里面可以包含任何标签

 <ul type = "square">   # type = "disc" "square" "circle"
     <li></li>
     <li></li>
     <li></li>
 </ul>

2.有序列表<ol> </ol>

里面只能包含li 有顺序，使用相对较少。li里面可以包含任何标签

3.自定义列表<dl> </dl>

里面只能包含dt 和 dd 。 dt和dd里面可以放任何标签

注意学会什么时候用什么样的列表

四.表单标签

<input>

目的是获取用户信息

text : 文本框
password : 密码框
radio : 单选按钮 name属性设为相同表示同一组 checked属性可以设置默认被选
checkbox : 复选框
reset : 重置按钮
button : 普通按钮
submit : 提交按钮提交表单后会将页面内容提交给action指定的页面 , 为空则提交到本页面
image : 点击图片和submit功能一样
<textarea cols="行数" rows="列数">内容</textarea>

标签