<html>
<head>
<meta charset="utf-8">
<title>高旭的科学养猪专栏</title>
<style>
h1{
color: purple;/* 颜色 */
font-size: 2cm;/* 字体大小 */
font-family: "微软雅黑";/* 字体 */
}
p{
color: green;
font-size:30px;
font-family: "华文宋体";
}
p:first-letter{
font-size: 50px;
color: red;
}
.a{
color: pink;
}
.b{
color: blue;
}
a{
color: red;
text-decoration: none;
}
a:hover {
color: gold;
}
</style>
</head>
<body>
<a name="hello"></a>
<a href="#key">去底部</a>
<a href="hello.html#coco">看歌词</a>
<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>
<h1>高旭的博客</h1>
<hr>
<h2>高旭喜欢去的网站</h2>
<ul>
<li><a href="https://www.baidu.com" target="_blank">百度</a></li>
<li><a href="https://www.jd.com" target="_blank">京东</a></li>
<li>
视频网站
<ol>
<li><a href="https://www.youku.com" target="_blank">优酷</a></li>
<li><a href="https://www.iqiyi.com" target="_self">爱奇艺</a></li>
<li><a href="hello.html">我的网页</a></li>
<li><a href="https://v.qq.com" target="_blank">腾讯视频</a></li>
</ol>
</li>
</ul>
<dl>
<dt><img src="images/slide-1.jpg" width="180"></dt>
<dd>面向对象的编程语言</dd>
<dd>动态弱类型语言,需要Python解释器才能执行</dd>
</dl>
<p class="a">床 前<strong><del>明月</del></strong>光</p>
<p class="b"><ins>疑是</ins>地上霜<sup>2</sup></p>
<p>举头™望明月</p>
<p>低头<strong></strong><em>思</em></strong>故乡</p>
<br>H<sub>2</sub>O
<br><button onclick="showWriter()">作者</button>
<br><button onclick="closeWindow()">关网页请点我~!</button>
<br>"你"《说什么来着》©我听不见
<p>
<a href="#hello">回顶部</a>
<a name="key"></a>
</p>
<div>
<a href="mailto:466340913@qq.com">联系站长</a>
</div>
<script>
//驼峰命名法 - Camel Notation
function showWriter(){
for (var i = 1; i <=3; i += 1){
window.alert('作者:李白')
}
}
function closeWindow(){
var flag = true;
for (var i = 1; i <= 3; i += 1) {
flag = flag && window.confirm('确定要关闭吗?')
}
if (flag) {
window.close()
}
}
</script>
</body>
</html>
计算机网络发展史里程碑事件：
- ARPANET - 1960s
- ISO OSI/RM - 1980s
- Browser - 1990s
超文本标记（标签）语言
HTML - Hyper-text Markup Language
- 标签 - content（内容）
- 层叠样式表 - display（显示）
- JavaScript - behavior（行为）
HTML 5 - 最新标准
文本编辑神器
- Sublime
- TextMate
- Atom
- VSCode
文本标签：
- h1~h6 - 标题 - heading
- hr - 水平标尺 - horizontal ruler
- p - 段落 - paragraph
- sub / sup - 下标 / 上标
- em / strong / del / ins - 强调
- br - 折行 - break ruler
列表标签：
- 有序列表 ol - ordered list
- 无序列表 ul - unordered list
li - list item - 定义列表 dl - definition list
dt - definition title
dd - definition description
字符实体/实体替换符
- 空格
< > - 尖括号
© ® ™
