HTML 中的常用标签用法

 @[toc]

1.注释标签

<!-- 注释 -->

2.标题标签

<h1>hello</h1>
<h2>hello</h2>
<h3>hello</h3>
<h4>hello</h4>
<h5>hello</h5>
<h6>hello</h6>

数字越大, 则字体越小.

3.段落标签

<p>这是一个段落</p>

• p 标签之间存在一个空隙
• 当前的 p 标签描述的段落, 前面没缩进.
• html 内容首尾处的换行, 空格均无效.
• html 内容之间输入的多个空格相当于一个空格.
• html 内容之间输入换行相当于一个空格.

4.换行标签

<br/>

5.格式化标签

<strong>strong 加粗</strong>
<b>b 加粗</b>
<em>倾斜</em>
<i>倾斜</i>
<del>删除线</del>
<s>删除线</s>
<ins>下划线</ins>
<u>下划线</u>

6.图片标签

<img src=" ">
<img src=" " alt=" " title=" " width=" px" height=" px" border=" px">

• src 属性：图片的路径.

• alt: 替换文本. 当文本不能正确显示的时候, 会显示一个替换的文字.
• title: 提示文本. 鼠标放到图片上, 就会有提示.
• width/height: 控制宽度高度. 高度和宽度一般改一个就行, 另外一个会等比例缩放. 否则就会图片失衡.
• border: 边框, 参数是宽度的像素. 但是一般使用 CSS 来设定.

7.超链接标签

<a href="http://www.baidu.com">百度</a>

href: 必须具备 , 表示点击后会跳转到哪个页面

8.表格标签

• table 标签: 表示整个表格
• tr: 表示表格的一行
• td: 表示一个单元格
• th: 表示表头单元格. 会居中加粗
• thead: 表格的头部区域(注意和 th 区分, 范围是比 th 要大的)
• tbody: 表格得到主体区域.

9.列表标签

• 无序列表 ul li
• 有序列表 ol li
• 自定义列表 dl (总标签) dt (小标题) dd (围绕标题来说明)

10.表单标签

10.1 form 标签

<form action="test.html">
   ... [form 的内容]
</form>

10.2 input 标签

<input type="text"> //文本框
<input type="password">//密码框
//单选框
<input type="radio" name="sex">男
<input type="radio" name="sex" checked="checked">女
//复选框
<input type="checkbox"> 吃饭 
<input type="checkbox"> 睡觉 
<input type="checkbox"> 打游戏
//普通按钮
<input type="button" value="我是个按钮">
//提交按钮
<form action="test.html">
    <input type="text" name="username">
    <input type="submit" value="提交">
</form>
//清空按钮
<form action="test.html">
    <input type="text" name="username">
    <input type="submit" value="提交">
    <input type="reset" value="清空">
</form>
//选择文件
<input type="file">

11.label 标签

<label for="male">男</label> <input id="male" type="radio" name="sex">

12.select 标签

<select>
    <option>北京</option>
    <option selected="selected">上海</option>
</select>

13.textarea 标签

<textarea rows="3" cols="50">
 
</textarea>

14.无语义标签: div & span

• div 是独占一行的, 是一个大盒子.
• span 不独占一行, 是一个小盒子.