8.17HTML介绍

HTML:超文本标记语言(静态网页)  超:超链接  标记语言:标签

          静态网页:不需要访问数据库

          动态网页:在网发布好的,我们能够通过网络预览到的都是动态的,需要访问数据库

 

<html>  --开始标签

        <head>网页上的控制信息

        <title>网页标签,名称</title>

        </head>

        <body>主要内容,页面显示的内容

        </body>

        </htm>--结束标签

        body的属性:在<body>中填写bgcolor(页面背景颜色),text(文字颜色),background(背景壁纸),topmargin(上页边距),leftmargin(左页边距),(rightmargin)右页边距,bottomarigin(下页边距),background(背景壁纸)。<body后空格可选择>

一、格式控制标签(文字格式控制标签)

     font color 字的颜色; font face 字体;font size 字体大小

     <b>字体加粗</b>

     <i>斜体</i>

     <u>下划线</u>

     <strong>字体加粗</strong>

     <em>字体倾斜</em>

     <center>居中</center>

     &你把视频; ctrl+shift+space

二、内容容器标签

     <h1>h1~h6标题控制标签,会自动换行</h1>

     <h2>重要性依次减小</h2>

     <h3>默认前后若有其他,执行前后执行前后换行并且空开一行</h3>

     <h3>受限于现在所在位置的文字大小</h3>

     

      <p>段落标签,p标签,默认前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体</p>

      <ol>ol有序列表

      <li>自带序号</li>

      <li>自动换行</li>

      <li>默认前后若有其他,执行前后换行并且空开一行,保证自身是一个整体</li>

      </ol>

 

      <ul>ul无序列表

      <li>不自带序号</li>

      <li>自动换行</li>

      <li>默认前后若有其他,执行前后换行并且空开一行,保证自身是一个整体</li>

      </ul>

 

三、常用标签

    1、超链接标签:

                        <a href=''超链接地址'' target=“选择属性”>超链接的文字</a>

                例如:<a href=''http://www.baidu.com''>百度一下</a>

                        第一步:做锚点的标签。<a name=''''></a>

                        第二步:做锚点的链接。<a href=''目标连接的name的值''></a>

                例如:<a name=''ding''></a>

                        <a href=''#ding''>返回顶端</a>  可以返回网页最顶端

    2、图片标签:

                       <img src=''图片地址''  width=''宽度'' height=''高度''

 

四、表格

      <table></table>  表格

      width:宽度

      border:边框

      cellpadding:内容跟单元格边框的边距

      cellspacing:单元格之间的距离

      align:对齐方式

      bgcolor:背景色

      background:背景图

     

      <tr></tr>行

              align:一行的内容水平对齐方式

              valign:一行的内容垂直对齐方式

              height:行高

              bgcolor:背景色

              background:背景图

 

      <td></td>单元格  (列)

              align:单元格的内容的对齐方式

              valign:单元格的内容的垂直对齐方式

              width:单元格宽度

              height:单元格高度

              bgcolor:背景色

              background:背景图片

     

       单元格合并:(只能往后合并,不能往前合并)

              colspan=''n''    合并同一行单元格  横向的 

              rowspan=''n''   合并同一列单元格  纵向的

posted @ 2016-08-17 19:21  浪里各浪  阅读(163)  评论(0编辑  收藏  举报