<a href="#marker">让我们说中文</a><br>
<p style="color:blueviolet;font-size:15px">徐辰晔在干嘛</p>
<p style="color:seagreen;font-size:25px">他不回我</p>
<hr>
<h1>臭徐辰晔</h1>
<p>徐辰晔<u><i>他不爱理我</i></u></p>
</p>
<p>徐辰晔是<sub>坏男</sub><sup>人</sup></p>
<img src="http://5b0988e595225.cdn.sohucs.com/images/20190726/72c7d8a1b587465b8129f6d65e8ee5ac.jpeg" title="臭臭臭臭" width="100" />
<p>就是上面这个坏家伙</p>
<a href="https://www.bilibili.com/video/BV1Jq4y1j7pN/?spm_id_from=333.1387.homepage.video_card.click&vd_source=c560ec2412227d0436097c66e9eb0694" taget="_blank"><img src="https://ts1.cn.mm.bing.net/th/id/R-C.c0f0edcc152ba4f53e99bd271f42f41c?rik=8y43Dk92NDilHg&riu=http%3a%2f%2fi0.qhimg.com%2ft01acc8b96b4edb1d4b.jpg&ehk=Lxte2pnUCaLLeiuqQcB%2bRsMhVsiqzhizqvkSZd%2fKEnI%3d&risl=&pid=ImgRaw&r=0" width="200"></a>
<p>点击图片观看我们演的话剧!</p>
<img src="https://images.liqucn.com/img/h79/h58/img_localize_915b10018b4b17b87ec300ec09c3ee19_1286x723.png" title="沙威玛传奇" width="100"><br>
<a name="marker">沙威玛传奇</a>
<h3>让我们继续学习javaweb</h3>
<h4>现在是列表</h4>
<ol>
<li>你</li>
<li>为什么</li>
<li>不理我</li>
</ol>
<ul>
<li>哼哼</li>
<li>嘿嘿</li>
</ul>
<dl>
<dt>你是什么人</dt>
<dd>坏男人</dd>
<dd>臭男人</dd>
<dd>可恶男人</dd>
</dl>
<table border="1">
<tr>
<th>1</th>
<th>2</th>
</tr>
<tr>
<td>你爱我</td>
<td>徐辰晔傻逼!</td>
</tr>
<tr>
<td>耶耶耶</td>
<td>嘻嘻嘻</td>
</tr>
</table>
<p></p>
<table border="2">
<tr>
<td rowspan="2">噢噢行合并了</td>
<td>臭徐辰晔12</td>
<td>抽徐辰晔13</td>
</tr>
<tr>
<td>臭徐辰晔22</td>
<td>抽徐辰晔23</td>
</tr>
<tr>
<td colspan="2">列合并了</td>
<td>我真牛33</td>
</tr>
</table>
<h4>表单</h4>
<p>徐辰晔可以在网页中的一些控件里输入内容,然后提交。<br>
控件:文本框、密码框等。这些就是表单。懂了吗?</p>
<h3>快问快答</h3>
<form>
你怎么称呼你的女朋友的:
<input type="text" name="nickname" value="宝包"><br>
她的生日是哪一天:
<input type="password" name="pwd" value="1103"><br>
你爱她吗:
<input type="radio" name="loveornot" value="love">爱
<input type="radio" name="loveornot" value="dontlove" checked>不爱<br>
她喜欢以下的什么东西:
<input type="checkbox" name="things" value="one">jellycat
<input type="checkbox" name="things" value="two">gund
<input type="checkbox" name="things" value="four">popmart
<input type="checkbox" name="things" value="five">海湾兔小羊
<br>
请为她挑选一款礼物(图片):
<input type="file" name="gift" value="photo"><br>
<input type="submit" name="提交">
<input type="reset" name="重置"><br>
<input type="button" value="这可不是一般的按钮,按下我就会想你"><br><br>
快和我表白:<br>
<textarea name="personal" col="40" rows="5"></textarea><br><br>
你想哪一年和我结芬:<br>
<select name="year">
<option value="">选择年份</option>
<option value="2024来不及了">2024来不及了</option>
<option value="2025还来得及">2025还来得及</option>
<option value="2026还来得及">2026还来得及</option>
<option value="2027还来得及">2027还来得及</option>
<option value="2028还来得及">2028还来得及</option>
<option value="2029还来得及">2029还来得及</option>
<option value="2030还来得及">2030还来得及</option>
<option value="2031还来得及">2031还来得及</option>
<option value="2032还来得及">2032还来得及</option>
<option value="2033我都30了还不结婚??">2033我都30了还不结婚??</option>
<option value="2034不和你结了">2034不和你结了</option>
</select>
</form><br><br>
<a class="you">沙威玛哦</a>
<a>沙威玛哦</a>
<a>沙威玛</a>
<ul>
<li class="you"><a>有了你生活美好</a></li>
<li id="my"><a>没烦恼</a></li>
<li><a class="you">沙威玛传奇</a></li>
<li><a>奇妙至极</a></li>
</ul>
<h1>h1</h1>
<p></p>
HTML
格式化
支持Emmet,输入 p 后按 Tab键试试吧!
<head> <meta charset="utf-8">
<... </head>
<body>
</body>
body {
text-align: center;
a {
background: lightgoldenrodyellow;
}
>a {
background: greenyellow;
}
#my+li{
color:hotpink;
}
#my~li{
color:purple;
}
a.you{
background:skyblue
}
}
i {
color: #777;
}