HTML教程大全详细用法
HTML结构
<HTML>文件类型标记开始，HTML文件
<HEAD>文件头开始
<TITLE>页面标题</TITLE>页面标题标记
</HEAD>文件头结束
<BODY>主题标记开始
正文内容主题内容
</BODY>主题内容结束
</HTML>文件类型标记结束
一、HTML头：
1、针对日文环境：
<!DOCTYPE html PUBLIC"-//W3C//DTD HTML4.01Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type"content="text/html;charset=EUC-JP">
<meta http-equiv="Content-Script-Type"content="text/javascript">
<meta http-equiv="Content-Style-Type"content="text/css">
<title>yourtitle</title>
</head>
2、针对中文环境：
<!DOCTYPE html PUBLIC"-//W3C//DTD HTML4.01Transitional//EN">
<head>
<meta http-equiv="Content-Type"content="text/html;charset=GB2312">
<meta http-equiv="Content-Script-Type"content="text/javascript">
<meta http-equiv="Content-Style-Type"content="text/css">
<title>yourtitle</title>
</head>
我们建议的编码格式是utf-8，它支持多语种，并且可以避免出现乱码的情况。
二、html中javascript的书写：
<head>…..
<script type="text/javascript">
<!—…..-->
</script>
</head>
当然我们不希望你是这样内嵌脚本，而是从一个外部文件进行引用，并且只把它放在文档的头部。
<script src="path/to/script.js"language="javascript" type="text/javascript"></script>
三、html中元素的书写：
1、元素属性值必须包含在双引号中；
<font color=”#000000”size=”3”face=”Arial”>
2、form中必须加action属性，并且不能为空。
<form action=”/i”method=”post”>
如果不需要使用action属性，也必须定义：
<form action=”no”>
3、img的alt属性不可以缺少；
<img src="/q/img/btn_style.gif"border="0"alt="Select”>
4、head与</head>之间必须有title；
<head>
……
<title>your title</title>
……
</head>
5、tr、td必须定义在table之间；
6、button按钮必须定义在form之间，否则netscape不支持；
<form action=”……”method=”post”>
<input type=”button”name=”but”value=”back”>
</form>
7、在javascript中的字符串中出现的“/”前要用转义符“\”：
<script type=”text/javascript”>
<!—
function check(str){
var str=”\/r\/i”;
……
}
-->
</script>
8、onclick属性必须和onkeypress成对写(onmousedown+onkeydown、onmouseup +onkeyup)
mm
9、用URL传值时直接写&是不可以的，可用&替换：
四、缩近规则：
<table>中<td></td>,<tr></tr>等必须保持严格的缩近规则，以"Tab"键为准：
<table>
<tr>
<td>
<table>
<tr>网页设计html代码大全颜
<td>…</td>
…
</tr>
</table>
</td>
….
</tr>
</table>
五、为了检验您的HTML代码是否合法，您可以到W3的HTML Validator工具中进行检验，支持URI输入，上传文件和直接输入代码三种方式进行检验
编辑本段HTML标签参考
基本标签
创建一个HTML文档<html></html>
设置文档标题以及其他不在WEB网页上显示的信息<head></head>
设置文档的可见部分<body></body>
标题标签
将文档的题目放在标题栏中<title></title>
文档整体属性
设置背景颜，使用名字或十六进制值<body bgcolor=?>
设置文本文字颜，使用名字或十六进制值<body text=?>
设置链接颜，使用名字或十六进制值<body link=?>
设置已使用的链接的颜，使用名字或十六进制值<body vlink=?>
设置正在被击中的链接的颜，使用名字或十六进制值<body alink=?>
文本标签
创建预格式化文本<pre></pre>
创建最大的标题<h1></h1>
创建最小的标题<h6></h6>
创建黑体字<b></b>
创建斜体字<i></i>
创建打字机风格的字体<tt></tt>
创建一个引用，通常是斜体<cite></cite>
加重一个单词（通常是斜体加黑体）<em></em>
加重一个单词（通常是斜体加黑体）<strong></strong>
设置字体大小，从1到7<font size=?></font>
设置字体的颜，使用名字或十六进制值<font color=?></font>
链接
创建一个超链接<a href="URL"></a>
创建一个自动发送的链接<a href="mailto:EMAIL">....</a>创建一个位于文档内部的靶位<a name="NAME"></a>
创建一个指向位于文档内部靶位的链接<a href="#NAME"></a>
格式排版
创建一个新的段落<p>
将段落按左、中、右对齐<p align=?>
插入一个回车换行符<br>
从两边缩进文本<blockquote>
</blockquote>
创建一个定义列表<dl></dl>
放在每个定义术语词之前<dt>
放在每个定义之前<dd>
创建一个标有数字的列表<ol></ol>
放在每个数字列表项之前，并加上一个数字<li>
创建一个标有圆点的列表<ul></ul>
放在每个圆点列表项之前，并加上一个圆点<li>
一个用来排版大块HTML段落的标签，也用于格式化表<div align=?>
图形元素
添加一个图像<img src="name">
排列对齐一个图像：左中右或上中下<img src="name"align=?>
设置围绕一个图像的边框的大小<img src="name"border=?>
加入一条水平线<hr>
设置水平线的大小（高度）<hr size=?>
设置水平线的宽度（百分比或绝对像素点）<hr width=?>
创建一个没有阴影的水平线<hr noshade>
表格
创建一个表格<table></table>
开始表格中的每一行<tr></tr>
开始一行中的每一个格子<td></td>
设置表格头：一个通常使用黑体居中文字的格子<th></th>
表格属性
设置围绕表格的边框的宽度<table border=#>
设置表格格子之间空间的大小<table cellspacing=#>
设置表格格子边框与其内部内容之间空间的大小<table cellpadding=#>
设置表格的宽度－用绝对像素值或文档总宽度的百分比<table width=#or%>
设置表格格子的水平对齐（左中右）<tr align=?>or<td align=?>
设置表格格子的垂直对齐（上中下）<tr valign=?>or<td valign=?>
设置一个表格格子应跨占的列数（缺省为1）<td colspan=#>
设置一个表格格子应跨占的行数（缺省为1）<td rowspan=#>
禁止表格格子内的内容自动断行回卷<td nowrap>
窗框
放在一个窗框文档的<body>标签之前，也可以嵌在其他窗框文档中
<frameset></frameset>
定义一个窗框内的行数，可以使用绝对像素值或高度的百分比<frameset
rows="value,value">
定义一个窗框内的列数，可以使用绝对像素值或宽度的百分比<frameset
cols="value,value">
定义一个窗框内的单一窗或窗区域<frame>
定义在不支持窗框的浏览器中显示什么提示<noframes></noframes>
窗框属性
规定窗框内显示什么HTML文档<frame src="URL">
命名窗框或区域以便别的窗框可以指向它<frame name="name">
定义窗框左右边缘的空白大小，必须大于等于1<frame marginwidth=#>
定义窗框上下边缘的空白大小，必须大于等于1<frame marginheight=#>
设置窗框是否有滚动栏，其值可以是"yes","no","auto"，缺省时一般为"auto"<frame scrolling=VALUE>
禁止用户调整一个窗框的大小<frame noresize>
表单
对于功能性的表单，一般需要运行一个CGI小程序，HTML仅仅是产生表单的表面样子。
创建所有表单<form></form>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。