Day2前端基础学习

一·. 标题标签

h1-h6语义越来越轻，字体由大到小。
页面上只有一个h1标签

        <h1>我是h1</h1>
		<h2>我是h2</h1>
		<h3>我是h3</h3>
		<h4>我是h4</h4>

二·. 段落标签

一段一段文字的时候使用。

        <h3>登鹳雀楼</h3>
		<p>白日依山尽</p>
		<p>黄河入海流</p>
		<p>欲穷千里目</p>
		<p>更上一层楼</p>

三. 链接标签

能实现页面间的跳转和页面内的跳转；
href : 目的地，跳转后的URL地址；
Tittle：鼠标悬停显示的内容；
Target：设置跳转的方式；
_self : 在当前页面中打开；（默认值）
_blank：在新的页面打开。

<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>

四. 图片标签

上一级目录 …/
当前目录 ./
alt : 图片加载失败时显示。
img：图片标签

	<img src="img/background.jpg" alt="图片加载失败" />

五. 列表标签

1. 无序列表

无序列表始于 ul标签。每个列表项始于 li标签。

type：

circle 空心圆

disc圆点

square正方形

	不能有的坏习惯
		<ul type="square"><!--方块-->
			<li>黄</li>
			<li>赌</li>
			<li>嫖</li>
			<li>色</li>
		</ul>

2.有序列表

有序列表也是一列项目，列表项目使用数字进行标记；
有序列表始于 <ol 标签，每个列表项始于 <li 标签。
type：

1 阿拉伯数字

a英文小写

A英文大写

i罗马小写数字

I罗马大写数字

start编号样式的

起始数字，如：编号样式设为A，起始值设置为2，则列表的起始值为B

<ol type="i">
			<li>吃</li>
			<li>穿</li>
			<li>住</li>
			<li>行</li>
			<li>用</li>
		</ol>

3.自定义列表
其基本语法如下：

<dl>
 <dt>名词1</dt>
 <dd>名词1解释1</dd>
 <dd>名词1解释2</dd>
</dl>

注意：
1.dl 里面只能包含 dt和 dd。
2. dt 和 dd个数没有限制，经常是一个dt对应多个dd。

六 . 表单标签

1. input表单元素

type 属性的属性值及其描述如下：

2.input其他属性

除 type 属性外，标签还有其他很多属性，其常用属性如下：

3 . 文本输入框:

文本：<input type="text" name="name"><br>

4.密码框

	<label for="pwd">密码: </label>

5.lable ：

一般和input标签联合使用，点击lable的时候，对应input的可以获取焦点。

提交按钮 submit<input type="submit" value="提交按钮"><br>
普通按钮 button<input type="button" value="我是按钮"><br>
重置按钮 reset <input type="reset" value="重置按钮"><br>

6.按钮

单选按钮

性别：
			<input type="radio" name="sex">男
			<input type="radio" name="sex">女<br>

多选按钮

 checkbook：<input type="checkbox" name="love" >黄
			<input type="checkbox" name="love" >赌
			<input type="checkbox" name="love" >毒
			<br>			    </select><br>

1.文件选择

头像：<input type="file"><br>

2.Button 按钮

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

3.隐藏按钮

:<input type="hidden" name="id" value="1234567">