HTML文件基本架构
<!-- -->注释
<html>...</html> 标识html语言的开始和结束.它的中间就是一些html语言的代码
<head>...</head> 标题标签.它在html后面和body的前面.在这个标签里面的信息不会出现在网页上面,比如一些网页的标题和属性,关键词等
<title>...</title> 网页标题栏标签.这个里面可以设置网页的标题
<body>...</body> 网页主体标签 一个网页的主体内容全部写在这个标签里
<table>...</table>表格标签.
<font>...</font> 字体标签.用它可以来美化和修改字体的属性.比如字体大小和字体颜色
<a>...</a> 超级连接标签
<a href=””></a> 锚标记 <a name=”123” id=”123”></a>(只用一个即可) <a href=”#123”>锚标记</a>
<img src=””>..</img>图像标签
<font>....</font>字体样式
<table> 表格 参数:border 边框 cellspacing 边框间距 bordercolor 边框颜色
<tr>
<td></td>
</tr>
</table>
Rowspan 合并列 colspan 合并行
<ul>无序表
<li></li>
</ul>
<ol>有序表
<li value=”3”></li> 开始值
<ol>
<hr />直线标签
<br />换行标签
空格
Bgcolor 背景颜色
Color 颜色
Text 字体颜色
Link 超链接颜色
align 对其方式 参数:right、left、center
Size 大小
Width 宽度
Height 高度
框架:
主页:
<frameset cols="25%,75%">
<frame src="1.htm">
<frame src="2.htm" name="main">
</frameset>
1.html页
<a href="4.html" target="main">网页</a>
表单:(文本框,密码框,单选框,复选框,下拉框,按钮)
<form id="form1" name="form1" method="post" action="">
<input type="text" name="textfield">
<br />
<input type="password" name="textfield2">
<br />
<textarea name="textarea" cols="50" rows="10"></textarea>
<br />
<input type="radio" value="" name="radionbutton" checked="checked">1
<input type="radio" value="" name="radionbutton">2
<br />
<select name="select">
<option selected="selected" value="0">1992</option>
<option value="1">1991</option>
<option value="2">1990</option>
</select>
<br />
<input type="checkbox" name="checkbox1" value="" />1
<input type="checkbox" name="checkbox2" value="" />2
<br />
<input type="submit" name="submit1" value="提交" />
</form>
例子:
<html>
<head>
<title>html网页基本格式</title>
</head>
<body bgcolor="#FFFFFF" text="#0000FF" link="#FF0000">
<a href="http://www.baidu.com">百度</a>
<hr width="100" size="2" color="red" align="left" />
<br />
网页基本格式
<br />
<img src="1.jpg" width="100" height="100"></img>
<font color="#FF0000" size="2">
<div align="center">
<ul>
<li>我的爱好</li>
<li>我的收藏</li>
<li>我的相册</li>
<ol>
<li>自拍</li>
<li>偷拍</li>
</ol>
</ul>
</div>
</font>
<table width="100" height="100" border="1" cellspacing="0" bordercolor="#00FF00">
<tr>
<td rowspan="2">1</td>
<td rowspan="2">2</td>
<td>3</td>
</tr>
<tr>
<td>5</td>
</tr>
<tr>
<td colspan="2">6</td>
<td>7</td>
</tr>
</table>
</body>
<head>