zoukankan      html  css  js  c++  java
  • HTML中一定会常用的标签和标签属性(这是网页构成的重要元素

    这些标签是必须记住的而且是肯定会常用的

    一、 换行               <br/>       

    二、  空格               &nbsp;       

    三、  段落               <p></p>      

    四、 图片               <img src="路径" title="图片标题" alt="加载不出来时显示的内容" />        

    五、 超链接            <a href="路径">要是用什么内容超链接(图片/文字)</a>           

    六、表

    <table> 表                     

    <tr>行                           

    <td>单元格                         

    </td>单元格结束                

    </tr>行结束                    

    </table>表结束

    下面这些时表格的属性

    width=""     宽                                              align=""     水平位置                             valign=""   上下位置

    height=""    高                                              background=""     背景图片                   bgcolor=""       背景色

    border=""    表格边线                                     bordercolor=""      表格边线颜色              cellpadding=""   单元格内容到边线距离

    cellspcing=""    单元格间距

    七、表单12元素 (在做管理系统时必须用到的)

     <form action="服务器路径" method="pose(常用)/get(不常用)">

    表单内容

    </form>

    (1)文本类

    1、文本框:<input type="text"/> )        placeholder="" (灰色内容)        value=""(默认显示内容)

    2、密码框:<input type="password"/>(输入内容显示●,长度不限制)placeholder="" (灰色内容)         value=""(默认显示内容,但是显示●)

    3、文本域:<textarea></textarea>(多行文本,长度不限制)              placeholder="" (灰色内容)         

    4、隐藏文本框:<input type="hidden"/>(计算机查看,用户看不到)

    (2)按钮类

    1、普通按钮:<input type="button"/>                              value=""  (按钮改名)                                      

    2、提交按钮:<input type="submit"/>                            value=""   (按钮改名)    (刷新页面)                         

    3、重置按钮:<input type="reset"/>                              value=""  (按钮改名)                                  

    4、图片提交按钮:<input type="image" src="路径"/>        

    (3)选择类

    1、单选:<input type="radio"/>            1.name="" (分组)     2.value="" (上传到服务器数据)    3. id="值" <label for="值">(图片/文字)</label> (点击文字也可选择)

    2、多选:<input type="checkbox"/>     1.name="" (分组)     2.value="" (上传到服务器数据)    3. id="值" <label for="值">(图片/文字)</label> (点击文字也可选择)

    3、下拉菜单:     

    <select>                                           value="" (上传到服务器数据)

    <option>值1</option>

    <option>值1</option>

    </select>

    4、上传文件:<input type="file"/>      value="" (上传内容的路径)

    八、标题标记   (自动换行)

    <h1></h1>(大级标题) 字体最大        

    <h2></h1>(二级标题)字体小

    <h3></h1>(三级标题)字体更小

     .....    .....

    <h6></h6>(六级标题)字体最小

    九、层标签

    1、<div>内容</div>             (一行不能有两个共存 )                                                                       

    2、<span>内容</span>         (抽取内容可以在一个段落里面夹着,不会自动换行)      

    3、列表

    有序列表:

    <ol type="a/1/I">             

    <li>内容1</li>                                                                         

    <li>内容2</li>                                          

    </ol>

    无序列表:                   

    <ul type="circle">                                   

    <li>内容1</li>                                  

    <li>内容2</li>                                 

    </ul>                               

  • 相关阅读:
    python大战机器学习——聚类和EM算法
    python大战机器学习——数据降维
    机器学习(西瓜书)——绪论
    算法设计与分析-HomeWork
    SocLib的安装
    CSS的IE6、IE7、FF兼容性写法
    CSS content内容生成技术以及应用
    js javascript:void(0) 真正含义
    Google Chrome七大新特性
    CSS中文字体对照表
  • 原文地址:https://www.cnblogs.com/zhulijun/p/6602179.html
Copyright © 2011-2022 走看看