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>                               

  • 相关阅读:
    BZO4197 & 洛谷2150 & UOJ129:[NOI2015]寿司晚宴——题解
    BZOJ4198 & 洛谷2168 & UOJ130:[NOI2015]荷马史诗——题解
    BZOJ4651 & 洛谷1173 & UOJ220:[NOI2016]网格——题解(附debug数据)
    BZOJ4653 & 洛谷1712 & UOJ222:[NOI2016]区间——题解
    BZOJ4898 & BZOJ5367 & 洛谷3778:[APIO2017]商旅——题解
    BZOJ5340 & 洛谷4564 & LOJ2552:[CTSC2018]假面——题解
    举例分析 Makefile 中的 patsubst、wildcard、notdir 函数
    伪指令 ENTRY 与 END
    伪指令 ADR 与 LDR 的区别
    μC/OS-II 信号量集
  • 原文地址:https://www.cnblogs.com/zhulijun/p/6602179.html
Copyright © 2011-2022 走看看