1、标题标签
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>云歌搜索</title>
</head>
<body>
<h1>君不见,黄河之水天上来,奔流到海不复回</h1>
<h2>君不见,高堂明镜悲白发,朝如青丝暮成雪</h2>
<h3>人生得意需尽欢,莫使金樽空对月</h3>
<h4>天生我材必有用,千金散尽还复来</h4>
<h5>烹羊宰牛且为乐,会须一饮三百杯</h5>
<h6>岑夫子,丹丘生,将进酒,杯莫停</h6>
</body>
</html>
2、段落标签
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>段落标签</title>
</head>
<body>
<p>这种格式是段落</p>
<p>这样的段落不用br自动分行</p>
<em>那么斜体上场了</em><br />
<i>还有我这样的斜体</i><br />
<em>锵锵锵!, 斜体加分行, 再来个空格吧</em><br />
<font color="yellow">我可是带颜色的哦,挑眉想象一下</font><br />
<strong>加粗也来凑热闹</strong><br />
<b>加粗兄弟俩,谁也不能落</b><br />
<strong>只争<font color="red">朝夕</font>,<em>不负</em><font color="red">韶华</font></strong>
</body>
</html>
3、链接标签
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>链接标签</title>
</head>
<body>
<a href="https://www.eastmoney.com/">东方财富</a><br />
<a href="http://www.eastmoney.com"target='_blanck'>东方财富</a>
</body>
</html>
4、图片标签<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>图片标签</title>
</head>
<body>
<img src="img/QQ图片27.png" height="150px" width="120px"alt="" />
<img src="//g1.dfcfw.com/g3/201909/20190912110958.jpg" alt="" />
<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20200116%2Faa80eb1ba93a4936afb7abe61b501248.gif&refer=http%3A%2F%2F5b0988e595225.cdn.sohucs.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1655640123&t=5b94ecc5261d096094340693ecffa6d1" alt="" />
<img src="//img1.360buyimg.com/da/jfs/t1/14716/32/11447/94000/5c90a83bEaa611013/18490bf08654ba09.gif?v=0.9329517891904582" alt="" />
<a href="http://www.jd.com"><img src="//img1.360buyimg.com/da/jfs/t1/14716/32/11447/94000/5c90a83bEaa611013/18490bf08654ba09.gif?v=0.9329517891904582" alt="" /></a>
</body>
</html>
5、有序标签列表
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>有序标签列表</title>
</head>
<body>
<ol>
<li>神汉皇皇
<ol>
<li>文帝</li>
<li>武帝</li>
<li>宣帝</li>
</ol>
</li>
</ol>
<ol>
<li>天唐锦秀
<ol>
<li>太宗</li>
<li>玄宗</li>
<li>宣宗</li>
</ol>
</li>
</ol>
</body>
</html>
6、无序标签列表
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>无序标签列表</title>
</head>
<body>
<ul>
<li>仙秦烈烈
<ul>
<li>祖龙</li>
<li>惠文</li>
<li>昭襄</li>
</ul>
</li>
</ul>
<ul>
<li>武明昭昭
<ul>
<li>太祖</li>
<li>成祖</li>
<li>仁宗</li>
</ul>
</li>
</ul>
</body>
</html>
7、表格标签
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表格标签</title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="10" align="center">
<tr>
<td>name</td>
<td>score</td>
<td>class</td>
</tr>
<tr>
<td>赵哥</td>
<td>88</td>
<td>6</td>
</tr>
</table>
</body>
</html>
8、表格跨行
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表格标签</title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="10" align="center">
<tr>
<td>name</td>
<td>score</td>
<td>class</td>
</tr>
<tr>
<td>赵哥</td>
<td>88</td>
<td rowspan="2">6</td>
</tr>
<tr>
<td>涛哥</td>
<td>85</td>
</tr>
</table>
</body>
</html>
9、表格跨列
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表格标签</title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="10" align="center">
<tr>
<td>name</td>
<td>score</td>
<td>class</td>
</tr>
<tr>
<td>赵哥</td>
<td>88</td>
<td>6</td>
</tr>
<tr>
<td>涛哥</td>
<td colspan="2">85</td>
</tr>
</table>
</body>
</html>
|
|