• 20150916-html第一次课


    一、HTML标记

    <标记名称  属性1=”值1”  属性2=”值2” …>组件资料</标记名称>

    *标记不区分大小写,属性值可以不加引号

    二、HTML结构

          <html>

                 <head>

                    <title>网页标题</title>

                </head>

                 <body>

                     网页主体部分

                 </body>

           </html>

    三、HTML注释:<!--您的第一个HTML文件-->
    四、版面控制标记

      1、换行<br/>

          2、段落标记<p></p>

          3、水平线<hr>

          4、空格&nbsp;

          5、居中标记<center></center>
    五、标题文字
      <h1>此处放标题内容</h1>-<h6>此处放标题内容</h6> H1文字最大,H6文字最小
      <b></b>粗体

      <i></i>斜体

      <u></u>下划线

      <s></s>删除线

      <sup></sup>文字表在字体上方

      <sub></sub>文字标在字体下方

    六、body属性

      bgcolor 网页背景颜色

      background 网京图片

      text 网页背景文字颜色

    七、列表标签

      1、有序列表

        <ol>

             <li>列表1</li> 

             ... 

             <li>列表3</li> 

        </ol>

      2、无序列表

         <ul>

             <li>列表1</li> 

             ...

             <li>列表3</li> 

        </ul>

    八、表格

      1、布局

      <table>

        <caption>表格标题</caption>

          <tr>

           <th>表头1</th>

           <th>表头2</th>

         </tr>

         <tr>

          <td>列表1</td>

          <td>列表2</td>

        </tr>

     </table>

      2、属性

        border,边框宽度;cellspacing,表格内框的宽度;cellpadding,表格内的文字至四周边框的距离;Height,高度;width,宽度; bordercolor,边框颜色; bgcolor,背景颜色; align,表格在网页中的水平对齐方式

      3、行列属性

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

        4、跨行跨列

        跨行:rowspan  跨列:colspan

        5、表格标题

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

    九、图片标记

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

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

    十、超链接

      <a href=”链接位置”>超链接名称</a>  必须加http(超文本传输协议)

          html空链接: href="#"与href="javascript:;"的区别,前面其实跳转,后面不跳转,用户体验更好点。

      图片链接:<a href="http:\www.baidu.com"><img src="tupian.jpg"></a>

    十一、其他标签

         换行标签  <br/>

         水平线标签 <hr/>

         空格&nbsp;

         加粗<b></b>

         倾斜<i></i>

         下划线<u></u>

         删除线<s></s>

         p2 p<sub>2</sub>

         p2 p<sup>2</sup>

    十二、相对路径

          绝对路径: src="http://www.a.com/b.jpg" 或"d:/web/c.jpg"

      相对路径:   src="../../c/d.jpg"

    最后总结:虽然有些html有自己的属性,去设置该标签的外观,但是,在真正做项目的时候不用这些属性,全部用CSS去做

  • 相关阅读:
    undefined vs. null
    Callback()
    python基础----元类metaclass
    python基础----__next__和__iter__实现迭代器协议
    python基础----析构函数__del__
    python基础----__slots__方法、__call__方法
    python基础----实现上下文管理协议__enter__和__exit__
    python基础----__setitem__,__getitem,__delitem__
    python基础----isinstance(obj,cls)和issubclass(sub,super)、反射、__setattr__,__delattr__,__getattr__、二次加工标准类型(包装)
    python基础----特性(property)、静态方法(staticmethod)、类方法(classmethod)、__str__的用法
  • 原文地址:https://www.cnblogs.com/zhangjx/p/4815413.html
Copyright © 2020-2023  润新知