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则循环播放)>

 

posted @ 2015-07-07 21:14  59木雨  阅读(444)  评论(1编辑  收藏  举报