zoukankan      html  css  js  c++  java
  • 20150916html前端部分

    1、html(超文本标记语言)结构:

    <html>   <head>     <title>标题</title>   </head>   <body>     主体     </body> </html>

    2、版面控制标记:

      换行:<br/>

      段落:<p></p>

      水平线:<hr>  (  粗细: size; 宽度:width; 水平位置:align; 颜色:color  )

      空格:&nbsp;

      居中:center

    3、标题文字:

      标题:<hn></hn>

      文字:粗体 b; 斜体 i; 下划线 u; 删除线 s; 上标 sup; 下标sub

    4、body标签属性:

      背景颜色:bgcolor

      背景图片:background

      文字颜色:text

    5、列表:

    (1)有序列表:     <ol>       <li>编号1</li>

          <li>编号2</li>     </ol>    

        编号形式:type=1 或 a 或 A 或 i 或 I

        开始序号:start=n(只能是数字)

    (2)无序列表:     <ul>       <li>项目符号</li>

          <li>项目符号</li>     </ul>

        符号形式:type=circle(圆圈) 或 disc(点) 或 square(方框)

        去掉前面的符号:list-style-type:none;

      (3)列表嵌套的正确写法

        <ul>

          <li>选项1</li>

          <li>选项2

            <ol>

              <li>选项2-1</li>

              <li>选项2-2</li>

            </ol>

          </li>

        </ul>

        PS:请注意,当“选项2”内部有嵌套表格时,它后面的</li>并不是直接写在“选项2”后面,而是写在它内部嵌套表格的后面!

    6、表格:

      (1)表格布局:    

        <table>

        <caption>表格标题</caption>

          <tr><th>表头1</th><th>表头2</th></tr>

          <tr><td>列表1</td><td>列表2</td></tr>

        </table>

      (2)表格属性:width、height、border、cellspacing、cellpadding、bordercolor、bgcolor、align

               宽   高   边框  内框宽度  文字到边框距离 边框颜色  背景色 水平位置

      (3)行列属性:

        高:height; 框颜色:bordercolor; 背景色:bgcolor; 水平对齐:align; 垂直对齐:valign

      (4)跨行跨列:

        跨行:rowspan

        跨列:colspan

      (5)表格标题:

        <caption align=top或bottom>,位于表格上方或下方

        

    7、图片:

      图片标记:<img src="图片路径" >

      图片属性:高度:height; 宽度:width; 边框宽度:border; 优先读低分辨率图:lowsrc; 文字标注:alt

    8、绝对路径&相对路径:

      绝对路径: http://www.cnblogs.com/ 或 D:360Downloads

      相对路径:   ../../a/b.jpg

      

    9、超链接:

      <a href="超链接地址">文字或图片</a>

      1、空链接:<a href="JavaScript:;"></a>

        空链接与其它各类链接的区别: 

        href="JavaScript:;"   同 href="javascript:void(0);" ,空链接,点击不会有任何跳转

        href="#"        同#top,点击回到顶部,页面不刷新

        href=" "         点击后刷新并回到顶部

        href="/"         点击跳转到上一级目录

      2、链接打开窗口:

        _blank      在新窗口打开     _parent    在父级窗口打开     _self        在当前窗口打开     _top        返回信息显示在顶级浏览器窗口中

  • 相关阅读:
    PTA乙级 (1058 选择题 (20分))
    PTA乙级 (1059 C语言竞赛 (20分)(map.find()、vector中的find))
    Ubuntu18.04之vim安装及配置
    PTA乙级 (1060 爱丁顿数 (25分))
    C++实现求N个数的最大公约数和最小公倍数
    PTA乙级 (1062 最简分数 (20分))
    PTA乙级 (1065 单身狗 (25分)(map,set.find(),vector))
    PTA乙级 (1067 试密码 (20分))
    ionic build android--> Build failed with an exception. Execution failed for task ':processDebugResources'.
    Http-Only Cookie
  • 原文地址:https://www.cnblogs.com/classroom/p/4814874.html
Copyright © 2011-2022 走看看