新人笔记2，HTML基础标签与运用。

HTML基础标签

1.标题标签

网页中的标题可以分为六个不同的级别（h1~h6），页面中只有一个h1标签，h1–h6的语义越来越轻。

<h1></h1>

        <h1>一级标题</h1>
		<h2>二级标题</h2>
		<h3>三级标题</h3>
		<h4>四级标题</h4>

2.段落标签

跟文章段落一样，一段一段文字的时候使用。

<p></p>

        <p>清明</p>
		<p>清明时节雨纷纷</p>
		<p>路上行人欲断魂</p>
		<p>借问酒家何处有</p>
		<p>牧童遥指杏花村</p>

3.链接标签

页面间的跳转
页面内的跳转

<a></a>

<a href="http://www.baidu.com"title="浏览百度"target="_blank">去百度</a>
		<a href="#head">回到顶部</a>

href：目的地，跳转后的URL地址。
title：鼠标悬停显示的内容。
target：设置跳转的方式。
_self：在 当前页面中打开; (默认值)。
_black： 在新的页面打开。

4.图片标签

上一级目录： …/
当前目录:：./

<img src="./imng/bjpg" alt="图片加载失败">

src：设置显示的目标图片
alt：当图片加载失败的时候，显示的内容

5.列表标签

顺序： order
没有顺序： unorder
列表：list
项目：item
1.有序ol

班级人数的身高
<ol type="A" start="4">
<li>160CM以下</li>
<li>160~170</i>
<li>170~180</i>
<li>180+</i>
</ol>

type：计数方式: A’ "Z,a^ z,1-2 -3-4,i、ii. iii、 iv
start：开始的序数
2.无序ul

饭店的菜谱
<ul type="square">
<li>黄焖鸡</i>
<li>酸菜鱿鱼</i>
<li>手撕包菜</li>
<li>鱼香肉丝</i>
</ul>

（1）每一个项目前面有一些符号。
（2）可以通过type属性去设置符号的类型(方块、圆)

6.表单标签

什么是表单：收集用户编写的信息并将其信息提交给后台服务器。就是是将速度丢给后台。
你的后台在哪里： URL 地址==>action
提交的方式: get/post==>method

<form action="#" method="get">
</form>

文本输入框：text
密码框：password
label：一般和input标签联合使用，点击label的时候，对应input的可以获取焦点。
提交：submit
普通按钮：button

            <form action="#" method="get">
			文本：<input type="text" name="name">
			<label for="pwd">密码</label>
			<input id="pwd" type="password" name="pwd"><br>
			<input type="button" value="我是按钮"><br>
			<input type="reset" value="重置按钮"><br>
			<input type="submit" value="提交按钮"><br>

重置按钮：reset
单选按钮：radio
多选按钮(复选框) ：checkbox
下拉列表：select
文件选择：file

<input type="button" value="input按钮">
<button >button按钮</button>

button标签的按钮，按钮上内容可以是任意内容(图片、文字)
input标签的按钮，按钮的内容只能是文字

7.隐藏标签

隐藏标签：hidden