zoukankan      html  css  js  c++  java
  • 前台html基础标签7.6

    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;

    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>

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

  • 相关阅读:
    June 26th 2017 Week 26th Monday
    June 25th 2017 Week 26th Sunday
    June 24th 2017 Week 25th Saturday
    June 23rd 2017 Week 25th Friday
    June 22nd 2017 Week 25th Thursday
    2018最佳网页设计:就是要你灵感爆棚!!!
    图片素材类Web原型制作分享-Pexels
    想要打动HR的心,UX设计师求职信究竟应该怎么写?
    【UXPA大赛企业专访】Mockplus:“设计替代开发”将成为现实
    2018年最好的医疗网站设计及配色赏析
  • 原文地址:https://www.cnblogs.com/marchtree/p/4635199.html
Copyright © 2011-2022 走看看