zoukankan      html  css  js  c++  java
  • HTML 最常用的标记

    1,换行               <br/>       

    2,  空格               &nbsp;       

    3,  段落               <p></p>      

    4,  图片               <img src="路径" title="图片标题" alt="裂图后显示的文字(防止裂图)" />        

    5,  超链接            <a href="路径"  target="_black"(新建选项卡打开)>要是用什么内容超链接(图片/文字)</a>           

    6,表

    <table> 表                     

    <tr>行                           

    <td>单元格                         

    </td>单元格结束                

    </tr>行结束                    

    </table>表结束

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

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

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

    cellspcing=""    单元格间距

    7,表单12元素 

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

    表单内容

    </form>

    (1)文本类

    I。文本框:<input type="text"/> (不可调节大小,显示输入内容,长度不限制)        placeholder="" (灰色内容)        value=""(默认显示内容)

    II。密码框:<input type="password"/>(不可调节大小,输入内容显示●,长度不限制)placeholder="" (灰色内容)         value=""(默认显示内容,但是显示●)

    III。文本域:<textarea></textarea>(可调节大小,多行文本,长度不限制)              placeholder="" (灰色内容)         

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

    (2)按钮类

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

    II。提交按钮:<input type="submit"/>                            value=""   (按钮改名)                             

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

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

    (3)选择类

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

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

    III。下拉菜单:     

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

    <option>值1</option>

    <option>值1</option>

    </select>

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

    8,标题标记   (自动换行)

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

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

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

     .....    .....

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

    9,层标签

    I。<div>内容</div>             (抽取内容,完成后自动换行 )                                                                       

    II。<span>内容</span>         (抽取内容,完成后不会自动换行)      

    10,列表

    I。有序列表:

    <ol type="a/1/I">             显示:             type="a"                   "1"                                     "I"

    <li>内容1</li>                                       a.内容1                        1. 内容1                            I.内容1                                      

    <li>内容2</li>                                       b. 内容2                       2.  内容2                          II.内容2           

    </ol>

    II。无序列表:                    显示:

    <ul type="circle">                            . 内容1            

    <li>内容1</li>                                  . 内容2 

    <li>内容2</li>                                 

    </ul>                               

  • 相关阅读:
    PMP笔记:行政收尾工作
    PMP 笔记:WBS 词典 (含范例)
    PMP 笔记:WBS 实战 (例子)
    名义小组和德尔菲技术使用与区别
    焦点小组、名义小组和引导式会议的定义与区别
    工作分解结构WBS、组织分解结构OBS、资源分解结构 定义和区别(含例子)
    kettle里的参数和变量
    kettle生成100个随机数,并统计小于等于50和大于50个数
    使用kettle制作拉链表
    MySQL字符串转日期
  • 原文地址:https://www.cnblogs.com/zhangxin4477/p/6599211.html
Copyright © 2011-2022 走看看