• 入门系列2


    1,html主要的标记类型:
              元素/标记名称
              属性
              值:预定义值-接受特定值
                    数字或者百分数
                    引用url
                    颜色名称:十六进制、数字
     
    2、最常用的控制标记
         备注:  <!-- -->
         换行: <br />
         段落: <p align="center"></p>
         水平直线: <hr size="" color="" noshade />
         背景色与文字控制: <body bgcolor="#000" text="#fff"></body>
         页面的边距、行距: leftmargin=""     topmargin="" rightmargin=""  bottommargin=""
         标题文字设置:<hn></hn>  (n=1,2,3,4,5,6)
         特殊字符: < &lt; 
                            > &gt;
                           & &amp;
                            "  &quot;
                           空格 &nbsp;
                           ©  &copy;
     
    3、实体字符控制标记 
         <b></b> 粗体
         <i></i> 斜体
         <s></s> 删除
         <u></u> 下划线
         <sub></sub> 下标
         <sup></sup> 上标
     
    4、语义字符控制:
         <big></big> 大字
         <small></small> 小字
         <strong></strong> 加强语气(加粗)
         <em></em> 加强语气(加粗)
     
    5、<font>字体控制 —  <font size="" color="" face=""></font>
         PS: 引用CSS更加便利的字体控制  <font 20px;"></font>
     
    6、格式化: <pre></pre>
     
    7、引用文本: <blockquote cite="www.baidu.com">here is a long quotation.</blockquote>
         cite的值为被引用的地址
     
    8、排列清单控制标记:
      8.1无序列表:
    <ul>
      <li type="disc|circle|squaare"></li>
    </ul>
       PS: disc:实心圆|circle:空心圆|squaare:实心方块
     
    8.2有序列表:
    <ol>
      <li type="1|a|A|I"></li>
    </ol>
     
    8.3 定义列表:
    <dl>
      <dt></dt>
      <dd></dd>
      <dd></dd>
    </dl>
     
    9、对图片的操作:
         9.1 背景图设置: <body background="url"></body>
         9.2 将图片插入到网页中去: 
              <img src="url" alt="" width="" border="" align=""/>
         9.3 把图像作为超链接: 
              <a href="#"><img src="url" /></a>
         9.4 地图索引:
    <img src="" usemap="#map1"/>
    <map name="map1" id="map1">
      <area shapr="rect" coords="坐标" alt="desc">
      <area shapr="circle" coords="坐标" alt="desc">
      <area shapr="poly" coords="坐标" alt="desc">
    </map1>
         9.5 为网站添加图标:
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">      //PS:仅在服务器上有效
     
    10、表格标记
         10.1 基本格式
    <table>
      <thead>
        <th><td></td></th>  
      </thead>
      <tbody>
        <tr><td></td></tr>
      </tbody>
      <tfoot>
         <tr><td></td></tr>
      </tfoot>
    </table>
     
         10.2 <table>常用属性:
              border : 表格边线
              cellspacing:格与格之间的距离
              cellpadding:格与数据之间的距离
              width : 
              height :
              align : 表格的对齐方式
              bgcolor : 
              background : 
              bordercolor : 
              bordercolorlight : 边框亮色
              bordercolordark :边框暗色
              frame : 表格边线的各种表现形式 (该属性必须在border不为零的状态下)
              rules : 表格框线的各种表现形式
     
         10.3 <tr><th><td>的属性:
              width :
              height : 
              bgcolor :
              align : 水平对齐方式
              valign : 垂直对齐方式
              nowrap : 在单元格中换行
     
         10.4 拆分与合并单元格:
              colspan:合并列
              rowspan : 合并行
         
         10.5 表格结构化
              <table><thead></thead><tbody></tbody><tfoot></tfoot></table>
     
         10.6 表格的直列化
              <col align="center" span="2" width="" valign="middle"></col>
     
         10.7 表格的标题:
              <table><caption></caption></table>
     
    11、超链接
         11.1 格式:<a href="scheme://host[:post]/path/filename"></a>
              scheme: 指的是http、file、ftp、mailto、news、 gopher、telnet 七种
                   <a href="http://www.baidu.com">百度</a>
         <a href="file://www.baidu.com">百度</a>
         <a href="ftp://192.168.4.1" >进入</a>
         <a href="mailto:bnbbs@163.com">email</a>
              post : 指的是服务器端口
              path : 文件路径
              filename : 文件名 
         
         11.2 绝对路径、 相对路径
     
         11.3 锚点:
              锚点:<a name="锚点1"></a>
              连接点:<a href="#锚点1"> </a>
         
         11.4 基准参考点:<base href="c:">
     
         11.5 超链接事件: 
              <body link="未选中颜色" alink="选中但未放开时的颜色" vlink="已点选过的颜色">
     
         11.6 为连接创建键盘快捷键 : 
              accesskey="w"     (alt+w)(ctrl+w)
     
         11.7 为链接设置制表符次序
              tabindex="n"
     
         多窗体链接属性:
              <a target="_blank | _selt | _parent | _top">
  • 相关阅读:
    Tapestry AppModule中的方法
    Tapestry Grid
    Tapestry5之AutoLoading Module
    Tapestry Submits
    Tapestry SubmitLink
    再读Struts2之一:总括
    Java war包取之外的properties文件
    用ORACLE的高级复制实现内外网数据同步【转】
    在Oracle中实现数据库的复制
    解决ORA12560: TNS: 协议适配器错误
  • 原文地址:https://www.cnblogs.com/namedL/p/8513002.html
Copyright © 2020-2023  润新知