<!-- 标签 - 承载内容 -->
<!-- 层叠样式表 - 渲染页面 -->
<!-- JavaScript - 交互式行为 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>my first html</title> <!--注释-->
<!-- css - cascading style sheet -->
<style>
h1 {
color: orange; /*注释 */
font-size: 2cm;
font-family: "楷体";
}
.a {
color: red;
font-family: times;
font-size: 40px;
}
p:first-letter {
color: blue;
font-family: times;
font-size: 40px;
}
.b {
color: green;
font-family: times;
font-size: 40px;
}
a {
color: red;
text-decoration: none;
}
a:hover { /*冒号后不能有空格*/
color: green;
}
</style>
</head>
<body>
<h1>文章标题</h1>
<a name="hello"></a>
<hr>
好好学习<br>
<p><em>天天</em><strong>向上</strong></p>
<p>黄河 之水<strong><em>天上来</em></strong></p>
<p class="a"><del>hello</del></p>
<p class="b"><ins>world</ins></p>
<hr>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=957658&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:957658:53" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
<br>
™©¥<>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=654462853&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:654462853:41" alt="性感荷官在线发牌" title="性感荷官在线发牌"/></a>
<p>H<sub>2</sub>O</p>
<p>x<sup>y</sup></p>
<ul>
<li>路人超能百分百</li>
<li>约定的梦幻岛</li>
<li>不及波普不笑</li>
</ul>
<ol>
<li>A</li>
<li>B</li>
<li>C</li>
</ol>
<dl>
<dt>
水果<br>
<img src="../素材/images/a1.jpg">
<img src="..\素材\images\a1.jpg">
</dt>
<dd>温带水果</dd>
<dd>
<ul>
<li>苹果</li>
<li>橘子</li>
</ul>
</dd>
<dd>热带水果</dd>
</dl>
<p><img src="../素材/images/a1-0.jpg" title="test" align="center" alt="加载失败">python</p>
<br>
<a href="https://www.baidu.com" target="_self">百度</a>
<br>
<div><a href="hello.html#world" target="_blank">跳转</a></div>
<table border="1">
<caption>学生成绩表</caption>
<thead>
<tr>
<th width="100">姓名</th>
<th width="100">语文</th>
<th width="100">数学</th>
<th width="100">英语</th>
<th width="100">理综</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td colspan="3" align="center">90</td>
<td>98</td>
</tr>
<tr>
<td rowspan="2">李四</td>
<td>98</td>
<td>78</td>
<td>90</td>
<td>78</td>
</tr>
<tr>
<td>88</td>
<td>80</td>
<td>87</td>
<td>85</td>
</tr>
</tbody>
</table>
<br>
<br>
<button onclick="showWriter()">确定</button>
<br>
<br>
<!-- <button onclick="window.close()">关闭</button> -->
<button onclick="shutDown()">关闭</button>
<a href="#hello">回顶部</a>
<div><a href="mailto:123@qq.com">联系站长</a></div>
<script type="text/javascript">
/*驼峰命名法 */
function showWriter() {
for (var i = 1; i <= 3; i++) {
window.alert('作者：zy');
}
}
function shutDown() {
if (window.confirm('Are you sure to close the window?')) {
window.close()
}
}
</script>
</body>
</html>
day21总结-HTML
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
相关阅读更多精彩内容
- 1.结构标准 1.1.什么是html（结构标准）html是超文本标记语言超文本 - 除了文字以外，还可以对图片、视...
