首页 » HTML5 » HTML5常用标签

HTML5常用标签

原文 http://blog.csdn.net/weixin_38308479/article/details/78942314

2018-01-01 02:00:07阅读(433)

<!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>小于号:< 大于号:> 与符号:& 双引号:" 单引号:' 版权号:&copy;
		  注册符号:&reg;  空格 : </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>

最新发布

CentOS专题

关于本站

5ibc.net旗下博客站精品博文小部分原创、大部分从互联网收集整理。尊重作者版权、传播精品博文,让更多编程爱好者知晓!

小提示

按 Ctrl+D 键,
把本文加入收藏夹