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>　　自动居中加粗，一般表示表格表头

posted on 2014-09-15 20:29 格林威治阅读(151) 评论(0) 编辑收藏举报