HTML常用标签

HTML常用标签,第1张

Html常用标签总结,具体可分为常用基础标签、常用表单基础标签、常用表格基础标签、常用列表标签、常用框架标签、常用链接标签和常用图像标签七大类。

01

常用基本标签

<html></html>定义html文档

<head></head>定义文章标题和其他在网页内不显示的信息

<title></title> 定义文档标题

<body></body>定义文档的主体内容

<h1><h1>定义最大标题,由1依次往后排开,1最大

<!--…-->注释

02

常用表单基础标签

<form></form>定义表单

<input>定义输入控件

<textarea></textarea>定义多行文本输入

<button>定义按钮

<select>定义选择的下拉列表

<optgroup>定义选择列表中的选项组合

<option>定义选择列表的选项

<label>定义input的标注

<fieldset>定义围绕表单的边框

<legend>定义fieldset的标题

03

常用表格基础标签

<table>定义表格

<caption>定义表格标题

<th>定义表格中的表单元格

<tr>定义表格中的行

<td>定义表格中的单元

<thead>定义表格中的表头内容

<tbody>定义表格中的主体内容

<tfoot>定义表格中的脚注

<col>d定义表格中一个或者多列的属性值

<colgroup>定义表格中供格式化的列组

04

常用列表标签

<ul></ul>定义无序列表

<ol></ol>定义有序列表

<li></li>定义列表的项目

<dl>定义列表

<dt>定义列表中的项目

<dd>定义列表中项目的描述

<menu>定义命令列表

<menuitem>定义用户可以从d出菜单调用的命令

05

常用框架标签

<frame>定义框架集的窗口或者框架

<frameset>定义框架集

<noframes>定义针对不支持框架的用户代替内容。

<iframe>定义内联框架

06

常用链接标签

<a>定义锚

<linke>定义文档与外部资源的关系

07

常用图像标签

<img></img>定义图像

<map></map>定义图像映射

<area></area>定义图像地图内的区域

html常用标签

最近,对html的重温,对一些常用的html标签进行了整理,给大家分享一下。

html结构:

<html> html开始标签

<head>

<title>html文档标题</title>

</head>

<body>

html文档内容....

</body>

</html> html结束标签

html常用标签:

表格:

<table> 表格开始标签

<tr> 行

<td></td> 列

</tr>

</table> 表格结束标签

表格属性:<table width="" height="" border="" bgcolor="" background="" cellpadding="' cellspacing="" >其中: width:为表格的宽度,height:表格的高度,border:表格的边框,

bgcolor表格的背景颜色,background 表格背景颜色。cellpadding:表格字间距, cellspacing:表格边框间距。

双标签:

<b></b>字体加粗

<i></i>斜体

<u></u>字体下划线

<s></s>删除线

<strike></strike>删除线

单标签:

<br />换行

<hr />水平线

空格:

向右双箭头 :»

注册商标符:®

版权符号:©

双引号:"

链接

<a href="#" title="">链接文本/图片</a>

注:# 换成所要链接的文件相对地址。title:为链接提示信息。

图片链接:

<img src="" alt="" width="" hegiht="" >

src:图片链接相对地址,alt:图片信息, width:图片宽度,height:图片高度。

表单:

表单开始标签:<form name="表单名称" method="post/get" action="提交地址">

文本框:<input type="text" name="名称" value="值" />

密码框:<input type="password" name="名称" value="值"/>

单选按钮:<input type="radio" name="名称" checked />

复选框:<input type="checkbox" name="名称" checked />

列表:

<select>

<option value="值"></option>

</select>

文本区域:<textarea cols="文本的宽度" rows="文本行数"></textarea>

提交按钮:<input type="submit" name="名称" value="值" />

重置按钮 <input type="reset" name="名称" value="值" />

表单结束标签:</form>

常用标签<html></html>创建一个HTML文档 <head></head>设置文档标题和其它在网页中不显示的信息 <title></title>设置文档的标题 <body></body>标记页面正文开始和结束,网页中要显示出来的东东,都应放在这对标签之间 <h1></h1>最大的标题<pre></pre>预先格式化文本<u></u>下划线<b></b>黑体字<i></i>斜体字<tt></tt>打字机风格的字体<cite></cite>引用,通常是斜体<em></em>强调文本(通常是斜体加黑体)<strong></strong>加重文本(通常是斜体加黑体)<font size="" color=""></font>设置字体大小从1到7,颜色使用名字或RGB的十六进制值 <BASEFONT></BASEFONT>基准字体标记<big></big>字体加大<SMALL></SMALL>字体缩小<STRIKE></STRIKE>加删除线<CODE></CODE>程式码<KBD></KBD>键盘字<SAMP></SAMP>范例<VAR></VAR>变量<BLOCKQUOTE></BLOCKQUOTE>向右缩排<DFN></DFN>述语定义<ADDRESS></ADDRESS>地址标记<sup></SUP>上标字<SUB></SUB>下标字<xmp>...</xmp>;固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>...</plaintext>;固定宽度字体(不执行标记符号)<listing>...</listing>固定宽度小字体<font color=00ff00>...</font>;字体颜色<font size=1>...</font>;最小字体<font style ='font-size:100 px'>...</font>;无限增大格式标志标签<p></p>创建一个段落<p align="">将段落按左、中、右对齐<br>换行 插入换行符<blockquote></blockquote>从两边缩进文本<dl></dl>定义列表<dt>放在每个定义术语词前<dd>放在每个定义之前<ol></ol>创建一个标有数字的列表<ul></ul>创建一个标有圆点的列表<li>放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字;若在<ul></ul>之间则每个列表项加上一个圆点;<div align=""></div>用来排版大块HTML段落,也用于格式化表<MENU>选项清单<DIR>目录清单<nobr></nobr>强行不换行<hr size='9' width='80%' color='ff0000'>水平线(设定宽度)<center></center>水平居中链接标志表格标志<a href="URL"></a>创建超文本链接<a href="mailtEMAIL">……</a>创建自动发送电子邮件的链接<a name="name"></a>创建位于文档内部的书签<a href="#name"></a>创建指向位于文档内部书签的链接<BASE>文档中不能被该站点辨识的其它所有链接源的URL<LINK>定义一个链接和源之间的相互关系


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7088140.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存