<header>
<h1>静夜思</h1>
<p>唐·李白</p>
</header>
<main><font size="5">
<p>床前明月光，疑是地上霜。</p>
<p>举头望明月，低头思故乡。</p>
</main></font>
<footer>
<p><i><b>注释：无</b></i></p></footer>
<img src = "https://so1.360tres.com/t01398fd6fe67582ef4.png" width="400" height="300">
<table>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
</tr>
<tr>
<td>11</td>
<td>22</td>
<td>33</td>
</tr>
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
</tr>
</table>
<font size=10>
<a href="https://baike.so.com/doc/10039779-32354030.html"
target="_blank">静夜思百度</a>
</font>
HTML
格式化
支持Emmet，输入 p 后按 Tab键试试吧！
<head> ... </head>
<body>
</body>
/* 示例代码 */
body {
font-family:仿宋;
text-align:center
}
main {
background-color: #7777;
padding:20px
}
header h1{
color:#555
}
img {
max-width:70%
height:auto
}
table,th,td{
border:1px solid black;
}
table{
width:80%;
border-collapse:collapse;
}
th,td{
padding:5px;
text-align:center;
}
th{
background-color:grey;
}
a{
color:grey;
text-decoration:none
}
a:hover{
color:black;
text-decoration:underline
}
// 示例代码
console.log("Hello 笔.COOL 控制台")