小威
...

  1.html 基本简介

1 <HTML>
2 <HEAD>
3     <TITLE> cxw </TITLE>
4     <Meta>
5 </HEAD>
6 <BODY>
7 
8 </BODY>
9 </HTML>
eg

  2.字体设置

 1 <HTML>
 2 <HEAD>
 3     <TITLE> cxw </TITLE>
 4     <Meta>
 5 </HEAD>
 6 <BODY>
 7     <!--h1>标题一</h1-->
 8     <h2>标题一</h2>
 9     <h6>标题一</h6>
10     <font size = 1>字体</font><br>
11     <font size = 7>字体</font>
12     <blink>文件</blink>
13     <b>粗体</b>
14     <i>斜体</i>
15     <u>底线</u>
16     <sup>上标</sup>
17     <sub>下标</sub>
18     <tt>打字机</tt>
19     <em>强调</em>
20     <strong>加强</strong>
21     <samp>范例</samp>
22     <code>原始码</code>
23     <var>变数</var>
24     <dfn>定义</dfn>
25     <cite>引用</cite>
26     <address>所在地址</address>
27     <font color = "#8000ff">所在地址</font>
28     <font face = "楷体_GB312">所在地址</font>
29     <font face = "华康俪中黑">所在地址</font>
30     <font face = "Norasi">所在地址</font>
31 </BODY>
32 </HTML>
example

  3.字型设置

 1 <HTML>
 2 <HEAD>
 3     <TITLE> cxw </TITLE>
 4     <Meta>
 5 </HEAD>
 6 <BODY>
 7     <font face = "楷体_GB312">所在地址</font>
 8     <font face = "华康俪中黑">所在地址</font>
 9     <font face = "Norasi">所在地址</font>
10     &nbsp;
11     &lt;
12     &gt;
13     &amp;
14     &quot;
15 </BODY>
16 </HTML>
fg

  4.设定文字内定值大小

    <basefont size="1~7">

    :可以改变文字大小的内定值,直接加在 <body>标签之后就行,一般而言,若是没有特别设定,文字大小内定值预订值为3

  5.排版设置

    1.强制段行标签<br>, 强制分段标签<p>

    2.分隔线

         使用方法:上一段文字内容<hr>下一段文字内容               普通分隔线

         使用方法:上一段文字内容<hr color = "#8000ff">下一段文字内容      紫色分隔线

         使用方法:上一段文字内容<hr width="240">下一段文字内容         宽度为240px分隔线

         使用方法:上一段文字内容<hr size = "5">下一段文字内容           厚度为5的分隔线

         使用方法:上一段文字内容<hr align=“right”>下一段文字内容         靠右的分隔线

         使用方法:上一段文字内容<hr noshade>下一段文字内容          无阴影实心分隔线

  6.对齐设置

    1.文字对齐

        <p align="left"></p>   文字靠左

        <p align="center"></p>   文字居中

        <p align="right"></p>   文字靠右

    2.置中标签

        <center>这是置中</center>

    3.向右缩排标签

        <blockquote>文字</blockquote>

        提示:加一组标签缩排一单位,加两组标签缩排两单位

    4.保存原始格式标签

        <pre>文字内容</pre>

  7.插入影像

    1.影像标签  

        <img src="*.jpg" alt="介绍图片的文字" align=right border=0 hspace=2 vspace=22 height=111 width=111>

            align = right,left,top, bottom, middle, absmiddle

            border : 边框粗细

            hspace : 离文字的水平距离

            vspace ; 离文字的垂直距离

  8.连接设置

      1.外部连接

        <a href="1.html">link</a>

  9.表格的制作

      1.最简单的表格

 1 <html>
 2 <head>
 3     <title> cxw </title>
 4     <meta>
 5 </head>
 6 <body>
 7 
 8     <TABLE BORDER=1>    
 9     <TR><TD>1</TD></TR>
10     </TABLE>
11 
12 </body>
13 </html>
table

        <TR>设定一横列  <TD>设定一个栏位。

      2.合并表格栏

        <TD COLSPAN=3>1</TD>左右合并

        <TD ROWSPAN=2>1</TD>上下合并

        <TABLE WIDTH="100" BORDER="1" HEIGHT="60" > 设定宽度,框粗细,高度

        <TD ALIGN=CENTER VALIGN=TOP>1</TD> 内容位置

      3.背景设置

        <TABLE BORDER="1" BGCOLOR=#8000ff BACKGROUND=”图片名称“>  设定整体颜色,图片

          BORDERCOLOR=”颜色码“设定框颜色

          BORDERCOLORLIGHT=”#颜色码“ (亮面设定)

          BORDERCOLORDARK=”#颜色码“ (暗面设定)

        栏距设定  CELLPADDING="4"自由设定表格内文距离格线的距离                 

        CELLSPACING="0" 表格栏位格线之间的距离

        

posted on 2013-12-08 19:22  小威_  阅读(184)  评论(0编辑  收藏  举报