码迷,mamicode.com
首页 > Web开发 > 详细

HTML学习小结

时间:2016-05-01 16:15:35      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:

HTML常用标签小结:

常用:

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

      <p></p>段落标签

      <hr/>画水平线标签  

<sub>下标标签: H<sub>2</sub>o ->H2o  <sup>上标标签:2<sup>16</sup> ->

<pre></pre>原样标签

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

    <li></li></ol>

<ul>         无序列表标签

   <li></li></ul>

常用的实体字符:

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

 

<head>标签

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

     <meta http-equiv=”center-type ”content=”test/html”charset=”utf-8”> (content 内容)

     2)设置网页关键字(最好3-4个,多就废了)

      <meta name=”keyword” content=”java培训,...........”>

媒体标签:<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> 设置锚点

     <a href=”#top”>回到顶部</a>

图片标签:<img>

   常用属性: width:宽度 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>

 

HTML学习小结

标签:

原文地址:http://www.cnblogs.com/he-shao/p/5450610.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!