您的位置：首页 > Web前端 > HTML5

HTML5常用标签

2017-12-31 16:44 232 查看 
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>娃哈哈</title>
</head>
<body>
<h1>0.script标签的特殊用法</h1>
<h1> '<script type="text/html">'可以隐藏html代码，让其中代码不在页面中显示</h1>
<script id="commentTemplate" type="text/html">
你大爷的，骂你 看不见吧
<li>哈哈哈哈
<div class="photo">
<a href="#">
<img src="[UserImg]" /></a></div>
<p>
<a href="#">[UserName]：</a><span class="time">[CreateDate]</span></p>
<div class="clear">
</div>
</li>
</script>
<h1>1.字符实体</h1>
<p>小于号：< 大于号：> 与符号：& 双引号：" 单引号：' 版权号:©
  注册符号：®  空格 ： </p>
<h1>2.段落标签</h1>
<p>段落</p>
回车
<br>
<h1>3.文本标签</h1>
<b>加粗</b>
<i>斜体</i>
<s>删除线</s>
<sub>下标</sub>
<sup>上标</sup>
<big>增加字体</big>
<small>缩小字体</small>
<font>3</font>
<br>
<br> 一元二次方程
<br>
<h1>
aX<sup>2</sup>+bX+c=0<br>
</h1>
aX
<sup>2</sup>+bX+c=0
<br> 的解是：
<br> X
<sub><small>1</small></sub>=... X
<sub><small>2</small></sub>=...
<br>
<font face="隶书" size="6" color="red">6号红色隶书</font>
<br>
<font face="华文琥珀,宋体" size="+1" color="blue">标准大1号蓝色华文琥珀字体</font>
<br>
<font>标准字体、字号、颜色</font>
<br>
<font face="华文琥珀,宋体" size="-1" color="#A52A2A">标准小1号棕色黑体</font>
<h1>4.代码标签</h1>
<pre>
@RequestMapping(value = "/save", method = RequestMethod.POST)
public @ItemResponseBody
List<UapApplyVO> save(@ItemsRequestBody List<Map> list){
try{
List<UapApplyVO> voList = uap_applyBizc.saveOrUpdate(list);
return voList;
}catch(Exception e){
throw new RestClientException("保存方法异常",e);
}
}

<h1>5.块标签</h1>
abc<span>span标签示例</span>
<div>div标签示例</div>
<h1>6.列表标签</h1>
<ol type="A">
<li>苹果</li>
<li>香蕉</li>
<li>柠檬</li>
<li>橘子</li>
</ol>
<ul type="circle">
<li>苹果</li>
<li>香蕉</li>
<li>柠檬</li>
<li>橘子</li>
</ul>
<dl>
<dt>定义列表:</dt>
<dd>面向对象编程语言</dd>
<dt>java</dt>
<dd>面向对象编程语言</dd>
<dt>java</dt>
<dd>面向对象编程语言</dd>
</dl>
<h1>7.超链接标签</h1>
<a
href="http://user:pwd@172.16.223.31:8080/sub/index.html?name=tom#abc">超链接</a>
<a href="mailto:tom@163.com">发邮件</a>
<a href="javascript:alert('嘿嘿')">超链接可以执行JavaScript脚本</a>
<h1>8.表格标签</h1>
<table border="1" width="200" cellpadding="10" cellspacing="0" align="center">
<thead>
<tr>
<th>H1</th>
<th>H2</th>
</tr>
</thead>
<tbody  align="center" valign="top">
<tr>
<td colspan="2">跨列</td>
</tr>
<tr>
<td rowspan="2">跨行</td>
<td valign="top">嘿嘿</td>
</tr>
<tr>
<td>嘿嘿</td>
</tr>
</tbody>
<tfoot></tfoot>
</table>
<h1>9.框架标签</h1>
<frameset rows="100,*" border="1">
<frame src="">
<frameset cols="30%,*">
<frame src="">
<frame src="">
</frameset>
</frameset>
</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航