HTML学习小结

HTML常用标签小结：

常用：

<h1>~<h6> 标题由大到小

<p></p>段落标签

<hr/>画水平线标签

<pre></pre>原样标签

<ol type=a> 有序列表标签

<ul> 无序列表标签

常用的实体字符：

空格：大于号：> 小于号：< 人民币：¥ 版权：© 商标：®

<head>标签

1)通知浏览器使用指定码表解释html页面

2)设置网页关键字（最好3-4个，多就废了）

媒体标签：<embed src=””></embed>

<marquee>飘动标签

超链接签：<a>

href:用来指定链接的资源

Target:设置打开资源的目标 _Blank 独立的窗口打开 _self 在当前窗口打开

[*file协议：<文件协议>这种协议主要用于本地机器的资源文件的

格式：file:\f:美女1.jpg]

1)链接资源

<a href=”mailTo:12345@qq.com”></a> 启动邮箱

<a href=”Thunder://doc/一个人的武林.avi”></a> 启动迅雷

2)锚点定位

<a name=”top”></a> 设置锚点

图片标签：<img>

常用属性：宽度 height:高度 alt:如果图片无法找到，则显示文字说明

热点图*

表格标签：<table>

<tr> --------------------- 行

<th>--------------------- 表头

<td>-------------------------单元格（列）

<caption>表格的标题

常用属性：

border:设置表格边框 width：表格宽度 height：高度 colspan: 占据列数

Rowspan: 占据行数 align=”center”

框架标签：<frameset> <frame>

Frameset可以吧一个页面切割成多份，但只能按照行和列切割。

Frame 不能被切割的frame是位于frameset中的

注意：frameset标签不能用于body标签内。

Iframe :在网页中分隔出一部分显示信息

表单标签：<form>

常用属性：

action：该属性用于指定提交的地址

Method:该属性用于指定提交的方式

注意：表单项的数据腰提交到服务器时，表单项需要有name属性值。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<form action="http://www.baidu.com" method="post">
    <table align="center" border="2px" width="500px" height="400px">
        <tr>
        <td>用户名:</td>
            <!-- 文本框输入 单行-->
            <td> <input type="text"  name="name"></td>
        </tr>
        <tr>
            <td>密码：</td>
            <!-- 密码框-->
            <td> <input type="password" name="password"></td>
        </tr>
        <tr>
            <td>性别 </td>
            <!--单选框-->
            <td>男<input type="radio" name="sex"> 女<input type="radio" name="sex"></td>
        </tr>
        <tr>
            <td>爱好</td>
            <!--复选框,同一组name属性值要一至-->
            <td>篮球<input type="checkbox"name="hobit">乒乓球<input type="checkbox"name="hobit">足球<input name="hobit" type="checkbox"></td>
        </tr>
        <tr>
            <td>来自那个城市</td>
            <!--下拉框-->
            <td><select>
                <option value="BJ">北京</option>
                <option value="SH">上海</option>
                <option value="GZ">广州</option>
                <option value="SZ">深圳</option>
            </select></td>
        </tr>
        <tr>
            <td>大头照</td>
            <!--文件上传框-->
            <td> <input name="image" type="file"></td>
        </tr>
        <tr>
            <!-- 文本域-->
            <td>自我介绍</td>
            <td> <textarea name="intr" rows="10" cols="30"></textarea></td>
        </tr>
        <tr align="center">
           <td colspan="2">
               <!--提交按钮-->
               <input type="submit" name="submit" value="提交">
               <!--重置按钮-->
               <input type="reset" name="reset" value="重置"></td>
        </tr>
    </table>
</form>

</body>
</html>