周末愉快- -| 回首页 | 2005年索引 | - -又是个无聊的周末

HTML基础- -

                                      

<!--

HTML文档的基本结构

<HTML>
<HEAD>
文件信息的描述
</HEAD>
<BODY>页面元素的描述
</BODY>
</HTML>

基本标记

1 HTML元素的标记
  HTML标记
  HTML标记是对整个文档属性的描述,即告诉浏览器HTML文档的开始和结束。
2 HEAD元素
  (1)HEAD标记   (2)META标记(不成对标记)
  (3)TITLE标记  (4)SCRIPT 标记
3 BODY元素(可见对象的描述)
  (1)BOBY标记     (2)DIV层标记    (3)文本标记
  (4)段落标记     (4)表格标记     (6)图像标记
  (7)下拉表单标记   (8)链接(Linking)标记

文本标记
1 段落标记<p>
    格式:<p align="..." >内容[</p>]
 align 可选为 left right center .
 
2 文本标记<font> </font>
    格式:<font face="..." size="..." color="..." >内容</font> 
 face 为字体 隶书 宋体等  
 size 为大小 可绝对的值 也可相对的值 如 +5 比原字体大5 .   
 color 为颜色 red blue 等 颜色也可以是6个16位的值 如:#00ff00(红 绿 蓝) .

    <! 这是注释...>

图片标记

  格式: <img src="..." widht="..." height="..."  border="..." >[</img>]
  属性: src 图片文件  alt 代替文字  align 对齐方式
        height 高度   width 宽度    border 边界
 hspace 横向边缘空白  vspace 纵向边缘空白
 usemap 图片区域映射多链接  ismap 是否作为用户输入

超链接标记

文档内连接
 格式:<a href=#目标>内容</a>
     目标命名<a name="..."></a>
文档间链接
 格式:<a href=目标url,..>内容</a>
属性:
 name  本夜内目标区域  href  其他页面
 rel   指示与目标的关系  rev   一般指示作者的email或主页
 title 为连接指定标题

有序列表<ol><li>
 格式: <ol 属性列表>
       <li>内容<li>
            <li>内容<li>
       <li>内容<li>
        ......
       </ol>

ol 属性:      
 type  编号类型,如1,a,A,i,I
 start 开始编号
 compact  项间间距
LI 属性:
 type  编号类型
 valu  编号

无序列表:
 格式:<ul >
       <li>内容<li>
            <li>内容<li>
       <li>内容<li>
        ......
       </ul>
属性说明:
 type  符号类型 square  disk  circle
 compact  项间间距

表格标记

 格式: <table 属性列表>
       <caption>标题</caption>
       <tr bgcolor=“..">
  <td width="..."  height="..." colspan=".." rowspan="...">内容</td>
       ......
       </tr>
       ......
       </table>
表单标记

表单<form>
表单元素
 <input>
  格式:<input type=".."  name="..">
 下拉列表框<select>
  格式:<select name=".." ID=".." size=".."  multiple>
   <option>内容
   </option>
   ......
       </select>

Input 属性:
  text       文本框     password    密码框
  checkbox   复选框     radio       单选按钮
  submit     提交信息   image       图片
  reset      复位       file        选择文件
  hidden     隐藏,用于传递信息   butten   按钮


块级元素的使用:
 DIV标记    格式:<div id="..">内容</div>
 SPAN标记  格式:<span id="..">内容</span>
 <SPAN>标记的限制范围为标记中的所有字符,<DIV>标记为所在的整行。
 ADDRESS标记<ADDRESS>   格式:<address>内容</address>
 DEL标记<DEL>    格式:<del>内容</del>或<strike></strike>
 PRE标记<PRE>预排版   格式:<pre>内容</pre>

Applet 的使用 <Applet> 格式:<applet code=".."  width=".." height="..">内容</applet>
Marquee的使用<Marquee>  文字在屏幕上左右移动 格式:<marquee  direction=“..">内容</marquee>
Embed的使用<Embed> 嵌入动画等 格式:<embed width=".."  height=".." src="..">内容</embed>
Object的使用<Object>
格式:<object classid=".."  id=".." width=".." height=".." border="..">
 <param name=".." value="..">
      </object>
MAP 的使用<MAP>
图片区域链接 
格式: 设定影射
  <map name="..">
  <area 属性列表>
  </map>
显示图片:
  <img src=".." alt=".."  usemap="#.." width height="..">

Area 属性:
  shape     形状(rect poly circle)  
  cords     坐标
  href      目标地址
  nohref    没有链接
  alt       代替文字

--!>

- 作者: johney 访问统计: 2005年07月22日, 星期五 15:02 加入博采

Trackback

你可以使用这个链接引用该篇文章 http://publishblog.blogchina.com/blog/tb.b?diaryID=2352593

博客手拉手

[2005-07-22]    爱之幻想曲――奇迹世界里爱的音符

[2005-07-22]    第九交响曲 (合唱)

[2005-07-22]    时间不会泯灭爱情

[2005-07-22]    吃了吗?

[2005-07-22]    胡言乱语

回复

评论内容: