zoukankan      html  css  js  c++  java
  • HTML学习小结

    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>

       常用属性: 宽度 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>
  • 相关阅读:
    Mysql 从库的备份中恢复一张表
    my.cnf 配置文件参数解释
    利用mvn deploy命令上传包(转)
    IntelliJ IDEA 项目文件旁边都有0%classes,0% lines covered
    idea启动java Maven项目,出现" java: 程序包xxxx不存在"
    org/apache/poi/POIXMLTypeLoader或者java.lang.NoSuchFieldError: RETURN_NULL_AND_BLANK
    elasticsearch,kibana,logstash.下载
    idea显示 RunDashboard ,多个启动项时列表显示
    写for循环快捷生成方式
    Could not transfer artifact xxx from/to xxx解决方案
  • 原文地址:https://www.cnblogs.com/he-shao/p/5450610.html
Copyright © 2011-2022 走看看