<!-- HTML注释 -->
<!-- 1.标签 - 承载内容 -->
<!-- 2.层叠样式表 - 渲染页面 -->
<!-- 3.JavaScript - 交互式行为 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>技术专栏</title>
<!-- css - cascading style sheet（层叠样式表） -->
<style>
h1 {
/* 代码中的注释 */
color: purple;/*颜色*/
font-size: 2cm;/*字体大小*/
font-family: "华文宋体";/*字体*/
}
p {
color: red;/*颜色*/
font-size: 1cm;/*字体大小*/
font-family: "华文宋体";/*字体*/
}
p:first-letter {
font-size: 1.5cm;
color: blue;
}
br {
color: green;
font-size: 80px;
}
.a {
color: black;
}
.b {
color: yellow;
}
a{
color: yellow;
text-decoration: none;
}
a:hover {
color: green;
}
</style>
</head>
<body>
<!-- http://shang.qq.com -->
<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>
<a name="shit"></a><a href="#shit2">去底部</a>
<h1><曹琦>的博客</h1>
<hr>
<p class="a">窗前<del>明月</del>光</p>
<p class="b">疑是<ins>地上</ins>霜</p>
<p>举头望明月</p>
<p>低头思故乡</p>
窗前<strong>明月</strong>光<br>
疑是<em>地上</em>霜<br>
疑是<strong><em>地上</em></strong>霜<br>
举头<sub>望</sub>明月<br>
低头<sup>思</sup>故乡<br>
H<sub>2</sub>O<br>
五个 空格<br>
<hr>
<h2>喜欢的网站</h2>
<ol>
<!-- anchor -->
<!-- 1. 页面链接 -->
<!-- 2. 锚点链接 -->
<!-- 3. 功能链接 -->
<li><a href="https:www.baidu.com" target="_blank">百度</a></li>
<li><a href="https:www.jd.com">京东</a></li>
<li>视频网站
<ul>
<li>优酷</li>
<li><a href="Hellow.html">我的网站</a></li>
<li>腾讯视频</li>
</ul>
</li>
</ol>
<ul>
<li>香蕉</li>
<li>橘子</li>
<li>火龙果</li>
</ul>
<dl>
<dt>Python</dt>
<dt>
<p><img title="千峰教育" src="https://mat1.gtimg.com/pingjs/ext2020/qqindex2018/dist/img/qq_logo_2x.png" align="center" alt="图片加载失败">Python</p>
<img src="baidu.png">
</dt>
<dd>面向对象的编程语言</dd>
<dd>动态弱类型语言，需要Python解释器才能执行</dd>
</dl>
<button onclick="showWriter()">确定</button>
<button onclick="shutDown()">关闭</button>
<p>
<a href="#shit">回顶部</a>
<a href="mailto:jackfrued@126.com">联系我</a>
</p>
<p>
<a name="shit2"></a>
</p>
<p><a href="Hellow.html#foo">看新闻</a></p>
<script>
//驼峰命名法 - Camel Notation
function showWriter() {
for (var i = 1;i <= 3;i += 1){
window.alert('作者：李白');
}
}
function shutDown() {
if (window.confirm('确定要关闭吗？')) {
window.close()
}
}
</script>
</body>
</html>
