• 2015.7.6 第一课 课程重点(html:认识html、列表、表格、相对路径、超链接)


    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        返回信息显示在顶级浏览器窗口中

          

    10、滚动字幕:

      <marquee>..</marquee>  

      属性:      

        对齐方式:align

        单向运动:scroll

        到左停止:slide

        往返运动:alternate

        背景颜色:bgcolor

        循环次数:loop

        字幕高度:height

        字母宽度:weight

        移动速度:scrollamount

        停顿时间:scrolldelay

        字幕左右空白:hspace

        字幕上下空白:vspace

        文字方向:direction

        移动方式:behavior

    11、多媒体:

      (1)音乐或影音文件的播放:<a href="音乐或影音文件路径">

      (2)音乐或影音文件嵌入网页:<embed src="音乐或影音文件路径" width=宽度 height=高度 autostart=自动播放(true/false) loop=播放次数(数字/true/false)>

      (3)网页背景音乐:<bgsound src="音乐路径" loop=次数(=infinite则循环播放)>

  • 相关阅读:
    理解HashSet及使用
    Java 集合类详解
    Java-泛型编程-使用通配符? extends 和 ? super
    回调函数及其用法
    log4j.properties 详解与配置步骤
    约瑟夫环
    泛型的约束与局限性
    把代码字体加大的办法
    System.arraycopy方法
    泛型数组列表与反射
  • 原文地址:https://www.cnblogs.com/59muyu/p/4628547.html
Copyright © 2020-2023  润新知