zoukankan      html  css  js  c++  java
  • html 标签总结


    1、将两个段落放在一起, <p><q>####</q>$$$$</p>
    2、文本下划线和删除线,<p>我最喜欢的是就是那美丽的校园<del>nashiyo</del><ins>jitian</ins></p>
    3、背景颜色设置
    < bnody style="background-color:yellow;">3333</body>
    <p style="color:red;">jsjsj</p>
    4、对齐方式
    <h1 style="text-align:center;"> 对齐方式 </h1>
    5、设置文本字体
    <p style="font-family:courier"> this is paragraph</p>
    6、将所有串联
    <p style="font-family:verdnana;font-size:100%;color:green">333</p>
    7、css
    <style type="text/css">
    h1{color:red}
    p{color:blue}
    </style>
    <body>
    <h1>几年前</h1>
    <p>今天</p>
    </body>
    8、链接一个外部样式
    <link rel ="stylesheet" type="text/css" href="styless.css">
    9、超链接
    <a href="/index.html">网址</a>
    10、图像链接
    <a href="http://www.baidu.tutu.com"> <img border="0" src="smile.gif"></a>
    11、将target属性设置成 _blank或者quot,链接将在新的窗口打开
    <a href="http://www.badu.com" target="_blank">访问百度</a>
    12、插入图像
    <img src="smile.gif alt="Smile face " width="32" height="33">
    图片浮动到恰当位置
    <img src="smile.gif" alt="smile face" style="float:left" >
    13、图像的映射
    <img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

    <map name="planetmap">
    <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
    <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
    <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
    </map>
    14、表格设置
    <table border="2">/// 如果没有边框 就不用设置border
    <tr>
    <td>100</td>
    </tr>

    <tr> ########如果说一行或者一列占到一行或者多行空间的时候,要指明行数或者列数
    <td>45</td> ########## 比方说 行数<rowspan="3"> 列数 <clospan="3">
    </tr>
    </table>
    15、表头的设置
    <table border="2">
    <caption>添加标题</caption>
    <tr>
    <th>名字</th>
    <th>学号</th>
    <th>名族</th>
    </tr>
    <tr>
    <td>田</td>
    <td>178256123</td>
    <td>汉</td>
    </tr>
    </tabe>
    16、无序列表&有序列表&字母列表
    <ul>
    <li>
    </li></ul>
    *****
    <ol>
    <li></li></ol>
    *********
    <ol type="A">
    <li></li></ol>
    其他列表形式
    <ul style="list-style-type:disc"></ul>
    <ul style="list-style-type:circle"> </ul>
    <ul style="list-style-type:square"></ul>
    17、文本
    <form action="">
    firstname: <input type="submit" name="submit">
    </form>
    18、下拉列表
    <form action="">
    <select name="cars">
    <option value="1"> volan</option>
    <option value="2"> v33</option>
    <option value="3"> vefn</option>
    </form>
    19、插入一个脚本
    <script>
    document.write("Hello ")</script>

  • 相关阅读:
    sql server 存储过程中使用变量表,临时表的分析
    C#实现图(Graph)
    C#实现平衡多路查找树(B树)
    设置webstorm缩写代码
    img标签在div中水平垂直居中--两种实现方式
    setInterval()的时间参数无法随参数的变化而变化
    seajs的模块化开发--实践笔记
    Xcode执行Analyze静态分析
    iOS10 下APP内跳转到系统设置WIFI界面
    convertRect view之间坐标系的转换
  • 原文地址:https://www.cnblogs.com/xinxianquan/p/7904953.html
Copyright © 2011-2022 走看看