1、标题标签：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>小微</title>
</head>
<body>
<h1><b><font color="red">有一个美丽的小女孩<b></h1>
<h2><em></em><font color="yellow">她的名字叫作小薇<em></em></h2>
<h3><font color="cadetblue">她有双温柔的眼睛</h3>
<h3><font color="blue">她悄悄偷走我的心</h3>
<h3><font color="red">小薇啊</h3>
<h4><font color="fuchsia">你可知道我多爱你</h4>
<h4><em><font color="gold">我要带你飞到天上去<em></h4>
<h5><font color="magenta">看那星星多美丽</h5>
<h6><font color="red">摘下一颗亲手送给你</h6>
</body>
</html>
2、段落标签：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>段落标签</title>
</head>
<body>
<em><p>断桥是否下过雪</p></em>
<font color="salmon"><p>我望着湖面</p></font>
<em>水中寒月如雪</em><br />
<b><i>指尖轻点融雪</i><br /></b>
<b>断桥是否     </b><br />
<strong>又想起你的脸</strong><br />
<font color="red"><i><b>若是无缘再见</b></i></font><br />
<strong><font color="cyan">白堤柳帘</font><font color="blue">垂泪好几遍</font></strong>
</body>
</body>
</html>
3、图片标签：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>图片标签</title>
</head>
<body>
<img src="img/u=1942719621,134528682&fm=253&fmt=auto&app=120&f=PNG.png"title="仙剑奇侠传三"height="520px" width="440px" /><br/>
<img src="//img1.baidu.com/it/u=1812807782,1564725175&fm=253&fmt=auto&app=138&f=JPEG?w=444&h=500" /><br/>
<img src="//img1.baidu.com/it/u=1023466086,731671454&fm=253&fmt=auto&app=138&f=JPEG?w=720&h=432" /><br />
<img src="//img2.baidu.com/it/u=2848711940,541093555&fm=253&fmt=auto&app=138&f=GIF?w=293&h=288" /><br />
<img src="//gimg2.baidu.com/image_search/src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20180412%2F618a3f0ed729488fa8c86403c2f6d1bb.gif&refer=http%3A%2F%2F5b0988e595225.cdn.sohucs.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1655625512&t=eda7af00def826c09ece0d35d498d771" />
</body>
</html>
4、链接标签：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>链接标签</title>
</head>
<body>
<a href="https://tb.alicdn.com">淘宝网 - 淘！我喜欢</a><br />
<a href="https://chaoshi.tmall.com" target="-blanck">上天猫，就购了</a><br />
<a href="https://image.baidu.com/search/index?tn=baiduimage&ipn=r&ct=201326592&cl=2&lm=6&st=-1&fm=result&fr=&sf=1&fmq=1653048827762_R&pv=&ic=0&nc=1&z=&hd=0&latest=0©right=0&se=1&showtab=0&fb=0&width=&height=&face=0&istype=2&dyTabStr=MCwzLDYsMiwxLDQsNSw4LDcsOQ%3D%3D&ie=utf-8&sid=&word=%E6%9D%A8%E5%B9%82%E5%A3%81%E7%BA%B8&f=3&oq=%E6%9D%A8%E5%B9%82&rsp=0"><img src="//img1.baidu.com/it/u=3232920383,2889965637&fm=253&fmt=auto&app=138&f=GIF?w=750&h=500" alt="杨幂"/></a><br />
<a href="#">坑多多</a>
</body>
</html>
5、有序标签：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>无序标签</title>
</head>
<body>
</body>
<ol>
<li>糖醋排骨
<ol>
<li>起锅烧油</li>
<li>葱姜蒜搞里头</li>
<li>排骨搞里头</li>
<li>出锅</li>
</ol>
</li>
</ol>
<ol>
<li>洗澡
<ol>
<li>脱衣服</li>
<li>抹沐浴露</li>
<li>冲水</li>
<li>穿衣服</li>
</ol>
</li>
</ol>
</html>
6、无序标签：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>无序标签</title>
</head>
<body>
</body>
<ul>
<li>王者荣耀
<ul>
<li>射手</li>
<li>辅助</li>
<li>刺客</li>
<li>法师</li>
<li>坦克</li>
</ul>
</li>
</ul>
<ul>
<li>英雄联盟
<ul>
<li>ADC</li>
<li>法师</li>
<li>坦克</li>
<li>辅助</li>
<li>打野</li>
</ul>
</li>
</ul>
</html>
7、表格标签：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表格标签</title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="10" height="120px" width="100px" align="center"
<tr>
<td align="center">序号</td>
<td align="center">班级</td>
<td align="center">姓名</td>
</tr>
<tr>
<td align="center">001</td>
<td align="center">多测师6班</td>
<td align="center">张三</td>
</tr>
</body>
</html>
8、表格跨行：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表格跨行</title>
</head>
<body>
</body>
<table border="1" cellspacing="0" cellpadding="10" height="120px" width="100px" align="center"
<tr>
<td align="center">序号</td>
<td align="center">班级</td>
<td align="center">姓名</td>
</tr>
<tr>
<td align="center">001</td>
<td align="center" rowspan="2">多测师6班</td>
<td align="center">张三</td>
</tr>
<tr>
<td align="center">002</td>
<td align="center">李四</td>
</tr>
</html>
9、表格跨列：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表格跨列</title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="10" height="120px" width="100px" align="center"
<tr>
<td align="center">序号</td>
<td align="center">班级</td>
<td align="center">姓名</td>
</tr>
<tr>
<td align="center">001</td>
<td align="center">多测师6班</td>
<td align="center">张三</td>
</tr>
<tr>
<td align="center" colspan="3">计算机专业</td>
</tr>
</body>
</html>
|
|
243
0
多测师社区 
