【HTML】标签、属性

文本标签

这是<strong>加粗</strong>字体
这是<b>加粗</b>字体
这是<em>倾斜</em>字体
这是<i>倾斜</i>字体
这是<del>删除</del>字体
这是<s>删除</s>字体
这是<ins>下划线</ins>字体
这是<u>下划线</u>字体<br/><br/>
<div>这是div标签一个自己独占网页的一行</div>
<div>第二个div</div>
<span>span</span>
<span>每个span会有间隙</span>
<span>This is Span</span><br/>

图像标签及属性

1. src：引入图片

<img src="tp.jpg"/>

1. alt：如果图片不显示则显示文字

<img src="tp.jpg" alt="文本替换属性" title="鼠标经过图片" width="宽度"/>

1. titlt：鼠标经过图片的时候显示的文字
2. width：图片的宽度如果只写宽或者高，则等比例缩放。
3. border：图片的边框

链接路径
1、上一级目录

<img src="../images/rv_6.png"/>

2、下一级目录

<img src="images/rv_6.png" />

连接标签
1、外部链接
target：表示点击链接的方式
（1）_blank：新页面
（2）_self：此网页

<a href="http://www.qq.com" target="_blank">腾讯qq</a>

2、内部链接

<a href="上一级目录.html" target="_blank">内部链接</a>

3、空连接

<a href="#">空连接</a>

4、文件下载链接

<a href="上一级目录.zip">下载文件链接</a>

5、网页内元素链接
给图片添加一个超链接

<a href="http://www.baidu.com"><img src="../rv_6.png"/></a>

6、锚点链接
链接到指定位置
（设置锚）

<a href="#mao">链接到外部链接</a><br/>
<a href="#mao1">链接到顶部</a>

（设置点）在指定位置设置**id=“mao1”**即可连接到

注释标签和特殊字符

//注释标签
<!--这是注释标签 -->

快捷键 : Ctrl+/

表格属性

<table align="center" border="1" cellpadding="0" cellspecing="0">
	<tr>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
	</tr>
</table>

align：设置对齐方式（在网页中） cellpadding：内容与表格之间的间隙 cellspecing：表格与表格之间的间隙

问题原因：

tr下的td有白色的背景色，导致了hover没效果

解决办法：

在tr:hover下边加上一句：tr:hover td{background:none;}
表格结构标签
（table中）

<thead></thead>

用于定义头部，必须拥有标签。一般位于第一行。

<tbody></tbody>

用于定义表格的主体，主要用于放数据本体。

表格标签（合并单元格）
合并单元格的步骤
1、先确定跨行，跨列合并
2、在目标单元格，写合并方式=合并数量
3、删除多余单元格
合并列：colspan
合并行：rowspan

列表标签

1. 无序列表

（1）无序列表之间没有顺序级别之分，是并列的。
（2）<ul></ul>中只能嵌套<li></li>，
（3）<li></li>之间相当于容器，可以放所有元素

2. 有序列表

 	<ol>
        <li>列表项1</li>
        <li>2</li>
        <li>3</li>
    </ol>

3. 自定义列表

<dl>
	<dt>定义项目/名字</dt>
	<dd></dd>
	<dd></dd>
	<dd></dd>
</dl>

表单

表单域是一个包含表单元素的区域。
在HTML标签中，标签用于定义表单域，以实现信息的手机和传递。
《form》会把他范围内的信息提交给服务器
《form action=“url地址（提交到的地址）” method=“提交方式(GET POST)” name=“表单域名称”》《/from》

表单标签（name、value）属性
name表单元素的名字，要求单选按钮和复选框要有相同的name值

input标签之checked和maxlengh属性
checked：属性针对单选按钮和复选按钮，主要作用一打开网页，就默认选中。
maxlength：是用户可以在表单元输入的最大字符数

input表单元素的属性：
1、name: 定义input元素的名称
2、value: 定义input元素的值
3、checked: 规定input元素首次加载时被选中
4、maxlength: 规定输入字段的最大长度

<form action="qwe.php" method="GET">
        用户名：<input type="text" name="username"><br>
        密码：<input type="password" name="pwd"><br>
        <!-- radio单选按钮 可实现多选一 -->
        <!-- name是表单元素名字 这里性别单选按钮必须有相同的name，才可以实现多选一的效果 -->
        性别：男<input type="radio" name="sex" checked="checked"> 女<input type="radio" name="sex"><br>
        <!-- 复选框可多选 -->
        <!-- 默认选中属性：checked checked -->
        爱好: <input type="checkbox" name="hobbit"> 篮球 <input type="checkbox" name="hobbit">足球
        <br>
        <!-- 提交属性会把表单域中的所有内容提交到服务器 -->
        <input type="submit" value="提交">
        <br>
        <!-- 重置按钮可以还原表单元素初始化 -->
        <input type="reset" value="重新填写"> 
    </form>

关于提交方法method="" get和post的区别

input 中type的属性

label标签
label标签用于绑定一个表单元素，当点击label标签内的文本的时候浏览器会自动对焦到对定义的表单元素上。
语法：

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

label标签中的for属性应当与相关元素的属性id属性相同

 <!-- label标签的使用 -->
性别：<label for="nan">男</label><input type="radio" id="nan" name="sex"> <label for="nv">女</label><input type="radio" id="nv" name="sex">
<br>
<label for="us">请输入姓名：</label><input type="text" id="us" name="na">

select下拉框

下拉框 <select>
            <option selected="selected">一加一</option>
            <option>一家二</option>
            <option>一加三</option>
        </select>

selected属性默认选中属性

textarea
文本域标签