zoukankan      html  css  js  c++  java
  • 2014.9.15HTML

     1 <html>
     2     <title>
     3     </title>  ——页面标题
     4     <head>
     5     
     6     </head>  ——网页上的控制信息
     7     <body>
     8     这是我的第一个网页
     9     </body>  ——页面上显示的内容
    10 </html>

    <!--被注释掉的内容-->  ——HTML的注释语法

     1 标签分类:
     2 1、格式控制标签:
     3 <font color="red" face="" size="">内容</font>——控制字体
     4 color="rgb(255,0,0)"     #FFFF00
     5 
     6 <b></b>——加粗        <strong></strong>——加粗
     7 <i></i>——倾斜        <em></em>    ——倾斜
     8 <u></u>——下划线
     9 <br/>——换行
    10 &nbsp;——空格
    11 <center></center>——居中
    2、内容容器标签:
    <h1></h1>——一号标题
    <h2></h2>——二号标题
    ...
    <h6></h6>——六号标题
    <p></p>——段落标签(有空行)
    <div></div>——层标签,占一行
    <span></span>——也是层,占多大空间用多大空间
    
    <ol type="a">
        <li>汉堡</li>
        <li>上校鸡块</li>    ——有序列表
    </ol>
    
    <ul type="square">
        <li>
        </li>
    </ul>                ——无序列表

     <body>属性

    bgcolor="#990000"  ——页面背景色

    text="#FFFF00"  ——文字颜色

    topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0"  上边距,左边距,右边距,下边距

    background="image/1.jpg"  ——壁纸  相对路径(从当前页面开始找)  ../image/1.jpg 从往上返一级目录 ./ 当前目录,可以省略  ../../上两级目录

    绝对路径  /

    一般标签:格式

         内容

    常见标签:超链接

         图片

         表格

    (一)超链接标签

    <a href="超链接指向的页面" target="_blank">超链接的文字</a>

    width="300" 宽度  height="300" 高度  (只设一个,按比例缩放)

    (二)表格标签

    <table>

      <tr>  ——行标签

        <td>  ——单元格标签

        </td>

      </tr>

    </table>

    <table>属性:

    width  宽度(像素,百分比),一般960

    border  边界,边框,一般 0

    cellpadding  内容与边框距离,一般 0

    cellspacing  间距,一般 0

    align 表格对齐方式  backcolor 背景色  background 背景

    <tr>属性:

    align  水平对齐方式,行中的内容如何对齐

    bgcolor  这一行的背景色

    height   行高

    valign  竖直对齐

    <td>属性:<table>和<tr>的属性基本都有

    <th>  自动居中加粗,一般表示表格表头

  • 相关阅读:
    SpringBoot 之 静态资源路径、显示首页、错误页
    微擎框架的缓存机制实现源码解读
    SpringBoot 之 多环境切换
    SpringBoot 之 JSR303 数据校验
    CSS——NO.6(盒模型)
    CSS——NO.5(格式化排版)
    CSS——NO.4(继承、层叠、特殊性、重要性)
    CSS——NO.3(CSS选择器)
    CSS——NO.2(CSS样式的基本知识)
    CSS——NO.1(初识CSS)
  • 原文地址:https://www.cnblogs.com/zsmj001/p/3973575.html
Copyright © 2011-2022 走看看