zoukankan      html  css  js  c++  java
  • 0808HTML

    打开DREAMWEAVER,新建HTML,页面上有几句代码

    <html>开始标签

    <head>网页上的控制信息

    <title>页面标题</title>

    </head>

    <body>

    页面显示的内容

    </body>

    </html>结束标签

    body的属性:

    bgcolor                页面背景色   background            背景壁纸、图片     text                    文字颜色

    topmargin              上边距      leftmargin               左边距       rightmargin            右边距

    bottommargin          下边距

    格式控制标签:

    <font color="" face="" size=""></font>

    分别控制字体的颜色、字体和大小。

    <b></b>                字体加粗

    <strong></strong>     字体加粗

    <i></i>                   倾斜

    <em></em>             倾斜

    <u></u>                下划线

    <center></center>      居中-------默认前后若有其他,执行前后换行,保证自身是一个整体,然后进行居中显示

    <br>或<br/>            相当于回车

    &nbsp;                  表示空格,Ctrl+shift+space

    <sub></sub> 下标

    <sup></sup> 上标

    内容容器标签:

    <h1></h1>            标题,会自动换行。HTML标题是                                           

        . . .                通过<h1>到<h6>等标签来定义的。

    <h6></h6>--------

    重要性依次减小

    若前后有其他,执行前后换行,并且空开一行

    受限于默认文字大小,默认文字大小在h3和h4中间

    <p></p>              段落标签(段落之间空行)---------前后若有其他,执行前后换行并且空开一行,保证自身是一个整体。

    <div></div>           层标签(默认占用一行)

    <span></span>       层标签(默认用掉多大空间占用多大空间)

     

    <ol type="1">        有序列表,序号为1,2,3....,引号中可以更改序号的形式

        -----------

    1. 自动换行
    2. 自带序号
    3. 前后若有其他,执行前后换行并且空开一行,保证自身是一个整体

       

    </ol>                 上面的ol改为ul则变为无序号列表

      ul,无序列表
    • 自动换行
    • 不自带序号
    • 前后若有其他,执行前后换行并且空开一行,保证自身是一个整体

    "../"            表示上级目录

    "./"             表示当前目录

    相对路径:从当前页面开始查找。

    绝对路径:从网站的根开始查找。"/",代表网站的根。

    超链接标签:

    <a href="超链接地址" target="_blank">超链接文字</a>        --在新窗口打开

    还可以在当前页找到目录点击目录上的超链接,自动跳转到当页的某一个地方。

    图片标签:

    <img src="图片地址" alt="文字" width=“” height=“” title=“描述文字” />

    高度跟宽度设置一个即可保持原有比例。

    alt在图片无法加载时,显示文字,还可以帮助搜索引擎搜索。

    title可以添加图片描述,鼠标放在图片上时可以显示描述。

     

    表格:

    <table></table>表格

        宽度。可以用像素或百分比表示。 常用960像素。

        border:边框,常用值为0。

        cellpadding:内容跟边框的距离,常用值为0。

        cellspacing:单元格与单元格之间的间距,常用值为0。

        algin:对齐方式。

        bgcolor:背景色。

        background:背景图片。

     

    <tr></tr>行

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

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

        height:行高。

        bgcolor:背景色。

        background:背景图片。

     

    <td></td>单元格

    <th></th>表头,单元格的内容自动居中、加粗

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

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

        width:单元格宽度。

        height:单元格高度。

        bgcolor:背景色。

        background:背景图片。   

        内容必须放在单元格里,单元格必须放在行里,行必须放在表格里。

        设置单元格行高、列高时,会同时影响对应的行或列。

    单元格合并:(建议尽量用表格嵌套)

        colspan=“n”    合并同一行的单元格(后面写代码要减去相对应的列)

        rowspan=“n”   合并同一列单元格(从第二行开始减去相对应的列)

  • 相关阅读:
    树链剖分 (模板) 洛谷3384
    ST表 (模板) 洛谷3865
    IOI 2005 River (洛谷 3354)
    IOI 2005 River (洛谷 3354)
    poj1094 Sorting It All Out
    poj1094 Sorting It All Out
    spfa(模板)
    HAOI 2006 受欢迎的牛 (洛谷2341)
    HAOI 2006 受欢迎的牛 (洛谷2341)
    洛谷1850(NOIp2016) 换教室——期望dp
  • 原文地址:https://www.cnblogs.com/zblc2016/p/5750139.html
Copyright © 2011-2022 走看看