HTML基本操作

浏览数：28 / 时间：2015年06月09日

HTML——Hyper Text Markup Language
<html>,<head>,<body>
一、基本标签：
（一）格式标签：——模型：word工具栏
<font color="" size="" face="">,<b>,<i>,<u>,<center>,<br>

（二）内容容器：——模型：腾讯新闻页面
<h1>...<h6>,<p>,<div>,<span>,<ul>,<ol>,<li>

二、常用标签：
（一）图像：<img src="" width="" height="" alt="" />
（二）超链接：<a href="">文本</a> <a name="">内容</a>
（三）图片链接：<a><img/></a>

三、表格
<table><tr><td>
（一）、<table>
    属性：width,border,cellpadding,cellspacing,bgcolor,align
（二）、<tr>
    属性：height,bgcolor,align,valign
（三）、<td>
    属性：width,height,colspan,rowspan,bgcolor,align,valign

四、表单
<form id="" name="" action="" method=""></form>
所有表单元素都具有的属性：
id,name,disabled

（一）、文本类：
1.单行文本：<input id="" name="" type="text" value="" size="宽度(字符数)"/>
2.多行文本：<textarea id="" name="" rows="高（行数）" cols="宽（字符数）">内容</textarea>
3.密码：<input id="" name="" type="password" value="" size="宽度(字符数)"/>
4.隐藏域：<input id="" name="" type="hidden" value="" size="宽度(字符数)"/>
（二）、按钮类：
1.普通按钮：<input id="" name="" type="button" value="按钮上的文字" />
2.提交按钮：<input id="" name="" type="submit" value="按钮上的文字" />
3.重置按钮：<input id="" name="" type="reset" value="按钮上的文字" />
4.图像按钮：<input id="" name="" type="image" src="图像路径" width="" height="" />
（三）、选择类：
1.单选

五、框架
（一）frameset
frameset主要用来分隔浏览器窗口，它所在的页面是用<frameset></frameset>来替换<body></body>
属性：
    rows="100,*,100"
    cols="100,*"
    frameborder="no"
子元素：
    <frame name="名称" src="页面的路径" noresize="noresize" scrolling="yes|no|auto"/>

（二）iframe

它是嵌入在body里面的。

例题做一个注册页面：