自己整理的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">
自己整理的HTML基本标签参考知识的更多相关文章
- Vue知识整理4:v-html标签
可以在数据绑定中使用html标签,这样在变量里可以使用html标签输出结果,如下所示:
- HTML5视音频标签参考
本文将介绍HTML5中的视音频标签和对应的DOM对象.是相关资料的中文化版本,可以作为编写相关应用的简易中文参考手册. 一些约定 所有浏览器:指支持HTML5的常见桌面浏览器,包括IE9+.Firef ...
- JSTL标签 参考手册
前言 ========================================================================= JSTL标签库,是日常开发经常使用的,也是众多 ...
- JQ 标签相关知识
1.判断 checkbox 和 radio 是否选中 if($("标签选择器").is(":checked")) 2.改变 checkbox 选中状态 .pro ...
- HTML标签参考(一)
hi,小哥哥小姐姐们,我们今天要说的是前端的入门,却也是十分重要的意识的培养哦! • html中的标签数量是很多的,据人统计大概有300个左右,并且每年都会以20-30个的速度增加着,但是这么多的标签 ...
- HTML标签参考(二)
一些重要的标签 • ol li <ol><li></li></ol>这是一组标签,它们二者都是成对出现的,每一个标签单独出现都是没有意义的事情. 这一 ...
- HTML标签参考手册
按字母顺序排列 New : HTML5 中的新标签. 标签 描述 <!--...--> 定义注释. <!DOCTYPE> 定义文档类型. <a> 定义锚. < ...
- HTML 标签 参考手册
按功能类别排列 基础 标签 描述 <!DOCTYPE> 定义文档类型. <html> 定义 HTML 文档. <title> 定义文档的标题. <body& ...
- HTML常用标签参考学习
1.跑马灯标签 功能<marquee>...</marquee> 普通卷动<marquee behavior=slide>...</marquee> 滑 ...
随机推荐
- Linux之FTP/TFTP(vsftp、vsftpd) HTTP(httpd、apache) DHCP(dhcpd)
FTP/TFTP(vsftp.vsftpd): FTP是File Transfer Protocol(文件传输协议)而中文简称为"文传协议".用于Internet上的控制文件的双向 ...
- 第四节:numpy之数组排序
- 7-15 QQ帐户的申请与登陆
7-15 QQ帐户的申请与登陆(25 分) 实现QQ新帐户申请和老帐户登陆的简化版功能.最大挑战是:据说现在的QQ号码已经有10位数了. 输入格式: 输入首先给出一个正整数N(≤105),随后给 ...
- 【codeforces 514E】Darth Vader and Tree
[题目链接]:http://codeforces.com/problemset/problem/514/E [题意] 无限节点的树; 每个节点都有n个儿子节点; 且每个节点与其第i个节点的距离都是ai ...
- 【codeforces 527D】Clique Problem
[题目链接]:http://codeforces.com/contest/527/problem/D [题意] 一维线段上有n个点 每个点有坐标和权值两个域分别为xi,wi; 任意一对点(i,j) 如 ...
- Beetl学习总结(3)——高级功能
3.1. 配置GroupTemplate Beetl建议通过配置文件配置配置GroupTemplate,主要考虑到未来可能IDE插件会支持Beetl模板,模板的属性,和函数等如果能通过配置文件获取,将 ...
- Excel 2010/2013/2016在鼠标右键新建xls或xlsx文件后,打开报错“无法打开文件”“文件格式或文件扩展名无效”
近段时间,陆续有两个同事先后出现同样的问题(在Excel多个版本都可能出现),问题描述: 当用鼠标右键在任意文件夹或电脑桌面“新建”→“ Microsoft Excel 工作表”,再用鼠标双击打开这个 ...
- [国家集训队2012]tree(陈立杰)
[国家集训队2012]tree(陈立杰) 题目 给你一个无向带权连通图,每条边是黑色或白色.让你求一棵最小权的恰好有need条白色边的生成树.题目保证有解. INPUT 第一行V,E,need分别表示 ...
- PatentTips - Power management implementation in an optical link
BACKGROUND INFORMATION Embodiments of the present invention are directed to optical links and, more ...
- 洛谷—— P1077 摆花
https://www.luogu.org/problem/show?pid=1077 题目描述 小明的花店新开张,为了吸引顾客,他想在花店的门口摆上一排花,共m盆.通过调查顾客的喜好,小明列出了顾客 ...