HTML 基本语法

超文本标记语言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>
创建一个滚动菜单,size设置在需要滚动前可以看到的表单项数目<select multiple name="NAME" size=?></select>
设置每个表单项的内容<option>
创建一个下拉菜单<select name="NAME"></select>
设置每个菜单项的内容<option>
创建一个文本框区域,列的数目设置宽度,行的数目设置高度<textarea name="NAME" cols=40 rows=8></textarea>
创建一个复选框,文字在标记后面<input type="checkbox" name="NAME">
创建一个单选框,文字在标记后面<input type="radio" name="NAME" value="x">
创建一个单行文本输入区域,size设置以字符计的宽度<input type=text name="foo" size=20>
创建一个submit(提交)按钮<input type="submit" value="NAME">
创建一个使用图象的submit(提交)按钮<input type="image" border=0 name="NAME" src="name.gif">
创建一个reset(重置)按钮
<input type="reset">

http://www.cstd.impu.edu.cn/lwz/tutorial/html/html_index/

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值