JavaWeb之HTML标签

常用标签

<a href="#">a 超级链接（anchor）</a><abbr title="abbreviation的简写">abbr 简写的（abbreviation）</abbr><acronym title="Jin Hua Tang is JHT">acronym 首字母缩略词（acronym） </acronym><address>address 地址（address）</address><b>b 粗体（bold）</b><bdo dir="ltr">bdo <bdo dir="rtl">局部控制文字方向</bdo></bdo><big>big 放大（big）</big><blockquote>blockquote 引用块（blockquote）</blockquote><br /> br 换行（break）<center>center 居中（center）</center><cite>cite 引用（cite）</cite><code>code 代码（code）</code>dl 字典列表（dictionary list）<dl><dt>dt 字典标题（dictionary title）</dt><dd>dd 字典数据（dictionary data）</dd><dt>dt 字典标题（dictionary title）</dt><dd>dd 字典数据（dictionary data）</dd></dl><del>del 删除（delete）</del><dfn>dfn 定义（definition）</dfn><div>div 区块（division）</div><em>em 强调（emphasize）</em><form action="#" method="post">form 表单（form）</form><h1>h1 标题1（head1）</h1><h2>h2 标题2（head2）</h2><h3>h3 标题3（head3）</h3><h4>h4 标题4（head4）</h4><h5>h5 标题5（head5）</h5><h6>h6 标题6（head6）</h6><hr /> hr 横线（horizontal）<i>i 斜体（italic）</i><img src="#" alt="图片" />img 图片（image）<input type="text" name="name" value="" />input,type='text' 文本输入框（text）<input type="radio" name="name" value="" />input,type='radio' 单选框（radio）<input type="checkbox" name="name" value="" />input,type='checkbox' 复选框（checkbox）<input type="file" name="name" value="" />input,type='file' 文件选择框（file）<input type="hidden" name="name" value="" />input,type='hidden' 隐藏域（hidden）<input type="image" name="name" value="" />input,type='image' 图片按钮（image）<input type="password" name="name" value="" />input,type='password' 密码输入框（password）<input type="reset" name="name" value="reset" />input,type='reset' 重置按钮（reset）<input type="submit" name="name" value="submit" />input,type='submit' 提交按钮（submit）<ins>ins 插入（insert）</ins><kbd>kbd 键盘文字（keyboard）</kbd><noscript>noscript 没有脚步（noscript）</noscript>ol 有序列表（order list）<ol><li>li 列表项（list item）</li><li>li 列表项（list item）</li></ol><p>p 段落（paragraph）</p><pre>pre 按预定格式显示的文本（Preformatted）</pre><q>q 引用（quote）</q><samp>samp 例子（sample）</samp><script type="text/javascript"></script>select 选择列表（select）<select><option value="value">option 选择项（option）</option></select><small>small 缩小（small）</small><span>span 文本段（span）</span><strong>strong 重点强调（strong emphasized）</strong><sub>sub 下标（subscript）</sub><sup>sup 上标（superscript）</sup>table 表格（table）<table border="0" cellpadding="0" cellspacing="0"><tr><td>td 表格数据（table data）</td><td>td 表格数据（table data）</td></tr><tr><td>td 表格数据（table data）</td><td>td 表格数据（table data）</td></tr></table><textarea>textarea 多行文本输入区（textarea）</textarea><tt>tt 电传打字机（teletype）（等宽字体）</tt>ul 无序列表（unordered list）<ul><li>li 列表项（list item）</li><li>li 列表项（list item）</li></ul><var>var 可变文本（variable）</var>

常用HTML标签的英文全称及简单描述

HTML标签	英文全称	中文释义
a	Anchor	锚
abbr	Abbreviation	缩写词
acronym	Acronym	取首字母的缩写词
address	Address	地址
dfn	Defines a Definition Term	定义定义条目
kbd	Keyboard	键盘（文本）
samp	Sample	示例（文本
var	Variable	变量（文本）
tt	Teletype	打印机（文本）
code	Code	源代码（文本）
pre	Preformatted	预定义格式（文本）
blockquote	Block Quotation	区块引用语
cite	Citation	引用
q	Quotation	引用语
strong	Strong	加重（文本）
em	Emphasized	加重（文本）
b	Bold	粗体（文本）
i	Italic	斜体（文本）
big	Big	变大（文本）
small	Small	变小（文本）
sup	Superscripted	上标（文本）
sub	Subscripted	下标（文本）
bdo	Direction of Text Display	文本显示方向
br	Break	换行
center	Centered	居中（文本）
font	Font	字体
u	Underlined	下划线（文本）
s/ strike	Strikethrough	删除线
div	Division	分隔
span	Span	范围
ol	Ordered List	排序列表
ul	Unordered List	不排序列表
li	List Item	列表项目
dl	Definition List	定义列表
dt	Definition Term	定义术语
dd	Definition Description	定义描述
del	Deleted	删除（的文本）
ins	Inserted	插入（的文本）
h1~h6	Header 1 to Header 6	标题1到标题6
p	Paragraph	段落
hr	Horizontal Rule	水平尺
href	hypertext reference	超文本引用
alt	alter	替用(一般是图片显示不出的提示)
src	Source	源文件链接
cell	cell	巢
cellpadding	cellpadding	巢补白
cellspacing	cellspacing	巢空间
nl	navigation lists	导航列表
tr	table row	表格中的一行
th	table header cell	表格中的表头
td	table data cell	表格中的一个单元格
iframe	Inline frame	定义内联框架
optgroup	Option group	定义选项组

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>This is study note</title><base href="我是做外链的，一般在head里面" target="_blank"><style type="text/css">里面可加n多css</style><script type="text/javascript">javescript语句</script><noscript>不支持javescript的替代语句</noscript>
</head>
<body><h1>h1-h6是标题标签</h1><p>p是段落标签</p><a href="https://www.baidu.com" target="_blank">a标签是插入超链接的，herf指定链接地址，target指定新窗口开启</a><br/><!--这是一个换行符--><wbr><!-- 定义何处适合换行，窗口大小不够则不换行 --><img src="a.jpg" alt="这是一个图片，加载不出来时显示我" width="100" height="60"><!--加载图像的标签--><hr/><!--这是一条水平线--><abbr title="China">CN</abbr><!--定义缩写--><address>rcw <a href="mailto:small_pupil@126.com"></a><br>tel:18127655676</address><!--定义地址，签名或者文档的作者身份--><area shape="范围，tect/circle" coords="坐标" href="链接地址"><!-- 可以在图像上划分区域，可点击返回herf --><map>一般和area一起用，管理里面的area</map><article>我这里指定面页的独立部分内容，也可以是页眉</article><header>介绍性内容，在article里面</header><aside>语义化标签，我也不知道什么意思</aside><audio controls="controls"><source src="链接地址" type="视频类型"><!-- source可以为图片，视频，音频元素指定资源 --></audio><!-- video也是这样用的 --><b>我可以把字体加粗</b><ul><!-- 无序表格；ol有序列表 --><li>我是做表格用的，必须在ul里或者ol里面</li></ul><bdi>把我隔离出来</bdi><bdo dir="rtl">我可以把文字排序倒置，必须有dir</bdo><blockquote cite="引用地址">我是被自动缩进的引用，我可以很长很长</blockquote><cite>我是引用，我将变成斜体字</cite><button type="button" οnclick="alert(我是弹窗内容)">都用我来设置按钮</button><canvas id="我的标识记号">我是画布，想让我变得更美，就要用script</canvas><caption>我是表格的名字，我出现在table里面</caption><col span="2"style="background-color:red"><!-- 我在table下的colgroup中使用，来设置表格的列属性值 --><colgroup>我把表格按列分组了</colgroup><datalist id="input的那个表格list"><option value="我是input那个表格里的下拉选项"></option></datalist><!--我与input一起用，做出来的表格高大上呦，还能让用户选择--><dl><dt>小米</dt><dd>为发骚而生</dd></dl><!--看懂了吗？我跟ol，ul差不多，dt是名人，dd要拍名人的马屁，看出来了吧，dl是代表一个描述列表--><del>我会被划上删除线</del><s>我也会被划上删除线</s><ins>我会被划上下划线，表示修改</ins><u>我才是名正言顺的下划线</u><details><summary>点我能看到很多</summary><p>很多</p></details><!--创建一个可折叠的东西，点开你能看到很多--><em>我是强调文本</em><br><strong>我能加粗文本</strong><br><dfn>反正我是斜的，定义项目</dfn><br><code>一段电脑代码</code><br><samp>计算机样本</samp><br><kbd>键盘输入</kbd><br><var>变量</var><dialog open>我差不多一个是个th的批注，但我很大，还不能隐藏</dialog><div class="属性" id="自己体会" lang="语言">我将被很多属性标记，太幸福了</div><embed src="你竟然要把我嵌入面页，呜呜。。。"></embed><fieldset>我被用在form下，我下面的input属于我，哼</fieldset><legend>我替fieldset管理input</legend><figure><!--我是独立的，想引用谁就是谁--><figcaption>我属于figure</figcaption></figure><footer>我相当于页脚</footer><form action="把数据存起来，怎么样" method="传输方式post/get">我向服务器传输数据</form><hgroup>标题集合</hgroup><i>斜体文字</i><iframe src="内联框架"></iframe><input type="控件类型" name="给控件起个名字" value="把我传给数据库"><label>单选控件类型</label><link rel="stylesheet" type="text/css" href="文件地址吧"><!-- 我一般用来链接css --><make>我将被标记，重点显示哦</make><menu>我定义一个命令列表或菜单，但好像没有浏览器支持我</menu><meta charset="utf-8"><!-- 一般显示在head里 --><meter value="2" min="0" max="10">0到10之间，输出2，相当于20%</meter><nav>导航链接，索引，目录，菜单</nav><object>外部资源<param name="" value="">定义资源</object><select>定义一个下拉菜单<optgroup>下拉菜单里的分类<option>分类里面的选项</option></optgroup></select><output>显示计算或用户操作的结果</output><pre>你怎样输入的，      我就怎么显示</pre><progress value="88" max="100"><!-- 下载任务完成88% --><q>显示为引号包含</q><ruby>帅<rp>(</rp><rt>shuai</rt><rp>)</rp></ruby><!-- 作为注释标签使用表示很难懂，不知道为什么，但就是这样子 --><section>定义文档独立的一部分</section><small>我是最小号的字体</small><spanstyle="样式">想给我加样式就这么用</span><sub>下标</sub><sup>上标</sup><table border="1">大表哥，里面有很多tr组成,边框为1<thead><!-- 我和tbody，tfoot一样，不会对表格造成什么影响，但可以通过我们为每一行加css --><tr>横向定义的表格，表示一行数据<th>加粗版表头文档</th><td>表中内容</td></tr></thead></table><textarea rows="10" cols="30">我是一个文本框</textarea><time>时间：21：00</time><track kind="文本轨道的文本类型" src="轨道文件的url"><!-- 可以叫我字幕 -->
</body>
</html>

JavaWeb之HTML标签相关推荐

javaweb带父标签的自定义标签
1.完整的示例代码:要实现的功能是父标签中有name属性,子标签将父标签的name属性值打印到jsp页面上. 1.1 父类和子类的标签处理器类 testParentTag.java package c ...
文件结束[置顶] javaweb框架--自定义标签与freemaker结合
题记:写这篇博客要主是加深自己对文件结束的认识和总结实现算法时的一些验经和训教,如果有错误请指出,万分感谢. 很有效但是不不知道怎么说,写个例子,总之方便多了,并且容易管理,重复利用强 1.自定一个类 ...
javaweb框架--自定义标签与freemaker结合
http://blog.csdn.net/myfmyfmyfmyf/article/details/8960299 很有用但是不不知道怎么说,写个例子,总之方便多了,并且容易管理,重复利用强 1.自定 ...
JAVAWEB之JSTL标签
JSTL:JAVAServer Pages Tag Library JSP标准标签库 2:用于简化和替换jsp页面上的java代码 3:使用步骤: 1 导入jstl相关jar包 2 引入标签库:tag ...
JavaWeb——HTML基本标签（1）作业
一下为HTML基本标签的作业题,如有错误请指正一.百度页面代码实现: <!DOCTYPE html> <html><head><meta charset= ...
javaweb学习总结(二十三)——jsp自定义标签开发入门
一.自定义标签的作用自定义标签主要用于移除Jsp页面中的java代码. 二.自定义标签开发和使用 2.1.自定义标签开发步骤 1.编写一个实现Tag接口的Java类(标签处理器类) 1 packag ...
javaweb学习总结(二十三)：jsp自定义标签开发入门
一.自定义标签的作用自定义标签主要用于移除Jsp页面中的java代码. 二.自定义标签开发和使用 2.1.自定义标签开发步骤 1.编写一个实现Tag接口的Java类(标签处理器类) 1 packag ...
Java系列技术之JavaWeb入门-钟洪发-专题视频课程
Java系列技术之JavaWeb入门-1193人已学习课程介绍 JavaWeb里的基础核心技术课程收益把JavaWeb里的核心技术讲清楚! 讲师介绍钟洪发更多讲 ...
JavaWeb 笔记（一）html
个人博客网:https://wushaopei.github.io/ (你想要这里多有) 一.B/S 软件的结构 C / S 结构,即Client/Server(客户机/服务器)结构,是大家熟知 ...

JavaWeb之HTML标签

JavaWeb之HTML标签

JavaWeb之HTML标签相关推荐

最新文章

热门文章