html基础教程

2016-12-02 22:11:36 -0500

HTML文件是一种纯文本格式的文件,我们可以直接用写字板来打开。



一个HTML文件大体分为以下几部分:

<HTML>

<HEAD>

<TITLE>网页标题</TITLE>

</HEAD>

<BODY>

网页的内容

</BODY>

</HTML>



<HTML>表示这是一个HTML文件,呵呵,就象我们写文章一样,给你留出空白的页面,让你把内容放在这里,并且规定你只能写“HTML类型”的文章哟,我们就将<HTML>...</HTML>比如文章页面边框吧~



开始写文章啦~文章有题头部分,题头里包括标题等,标题下是正文,正文里可能有什么段落、图片、表格等等内容,好,HTML里面也有这些东西:



<HEAD>...</HEAD>:表示这是文章的题头部分

<TITLE>...</TITLE> : 文章的标题

<BODY>....<BODY> 文章的正文部分就在这里面咯



怎么样,有了个大体的印象吧,HTML就是通过这些标记, 将我们所要表示的内容用HTML规定的标记“框起来”,并不是我们所想象的比较复杂的程序语言。不过呢,你需要记一些标记哟,虽然现在已经有了很好的编写HTML文件的工具,但懂得HTML语言对你深入掌握网页技术是很有好处的。

基 本 标 签



<html></html> 创建一个HTML文档

<head></head> 设置文档标题以及其他不在WEB网页上显示的信息 <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> 加重一个单词(通常是斜体加黑体) <font size=?></font> 设置字体大小,从1到7 <font color=?></font> 设置字体的颜色,使用名字或十六进制值 链 接



<a href="URL"></a> 创建一个超链接

<a href="mailto:EMAIL"> </a> 创建一个自动发送电子邮件的链接

<a ></a> 创建一个位于文档内部的靶位

<a href="#NAME"></a> 创建一个指向位于文档内部靶位的链接 格 式 排 版



<p> 创建一个新的段落

<p align=?> 将段落按左、中、右对齐

<br> 插入一个回车换行符

<blockquote>

</blockquote> 从两边缩进文本

<dl></dl> 创建一个定义列表

<dt> 放在每个定义术语词之前

<dd> 放在每个定义之前

<ol></ol> 创建一个标有数字的列表

<li> 放在每个数字列表项之前,并加上一个数字 <ul></ul> 创建一个标有圆点的列表

<li> 放在每个圆点列表项之前,并加上一个圆点 <div align=?> 一个用来排版大块HTML段落的标签,也用于格式化表

图 形 元 素



<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=?> 设置表格格子的垂直对齐(上中下) <td colspan=#> 设置一个表格格子应跨占的列数(缺省为1)

<td rowspan=#> 设置一个表格格子应跨占的行数(缺省为1)

<td nowrap> 禁止表格格子内的内容自动断行回卷

窗 框



<frameset></frameset> 放在一个窗框文档的<body>标签之前,也可以嵌在其他窗框文档中 <frameset rows="value,value"> 定义一个窗框内的行数,可以使用绝对像素值或高度的百分比

<frameset cols="value,value"> 定义一个窗框内的列数,可以使用绝对像素值或宽度的百分比

<frame> 定义一个窗框内的单一窗或窗区域

<noframes></noframes> 定义在不支持窗框的浏览器中显示什么提示 窗 框 属 性



<frame src="URL"> 规定窗框内显示什么HTML文档

<frame > 命名窗框或区域以便别的窗框可以指向它

<frame marginwidth=#> 定义窗框左右边缘的空白大小,必须大于等于1 <frame marginheight=#> 定义窗框上下边缘的空白大小,必须大于等于1 <frame scrolling=VALUE> 设置窗框是否有滚动栏,其值可以是"yes","no","auto",缺省时一般为"auto"

<frame noresize> 禁止用户调整一个窗框的大小

表 单



对于功能性的表单,一般需要运行一个CGI小程序,HTML仅仅是产生表单的表面样子。 <form></form> 创建所有表单

<select multiple size=?></select> 创建一个滚动菜单,size设置在需要滚动前可以看到的表单项数目

<option> 设置每个表单项的内容

<select ></select> 创建一个下拉菜单

<option> 设置每个菜单项的内容

<textarea cols=40 rows=8></textarea> 创建一个文本框区域,列的数目设置宽度,行的数目设置高度

<input type="checkbox" > 创建一个复选框,文字在标签后面

<input type="radio" value="x"> 创建一个单选框,文字在标签后面 <input type=text size=20> 创建一个单行文本输入区域,size设置以字符计的宽度 <input type="submit" value="NAME"> 创建一个submit(提交)按钮 <input type="image" border=0 src="name.gif"> 创建一个使用图象的submit(提交)按钮 <input type="reset"> 创建一个reset(重置)按钮
«Newer      Older»
Comment:
Name:

Back to home

Subscribe | Register | Login | N