<!doctype html><!--声明文档类型 网页文档-->
<html><!--根目录标签 父级-->
<head><!--网页的头部 用户看不见的-->
<meta charset='UTF-8'><!--国际编码 字符的编码格式-->
<!--网页三要素 title keywords description-->
<title>咸鱼联盟</title><!--网页的标题-->
<meta name='keywords' content='关键的搜索字符'><!--让搜索引擎找到网页-->
<meta name='description' content='这是一个简单的模板文件'><!--网页的描述-->
<style>/* 层叠样式表 */
div{
width:600px; /* 宽度 属性名:属性值+单位; */
height:100px; /* 高度 */
background:deeppink; /* 设置背景颜色 */
}
img{
width:100px;
height:50px;
}
span{
color:red; /* 设置文字颜色 */
}
</style>
</head>
<body><!--网页的身体 用户可视化区域-->
<div></div><!--在网页中划分一个区域的长方形-->
<h1>咸鱼联盟</h1>
<h2>咸鱼联盟</h2>
<h3>咸鱼联盟</h3>
<h4>咸鱼联盟</h4>
<h5>咸鱼联盟</h5>
<h6>咸鱼联盟</h6>
<ul>
<li>咸鱼联盟</li>
<li>咸鱼联盟</li>
<li>咸鱼联盟</li>
</ul>
<ol type="i">
<li>咸鱼联盟</li>
<li>咸鱼联盟</li>
<li>咸鱼联盟</li>
</ol>
<img src='img/1.jpg'>
<a href='https://www.baidu.com/' target='_self'>超链接</a>
<p><span>咸鱼</span>联盟</p>
<h3><span>咸鱼</span>联盟</h3>
<dl>
<dt>咸鱼联盟</dt>
<dd>咸鱼联盟</dd>
<dd>咸鱼联盟</dd>
<dt>咸鱼联盟</dt>
<dd>咸鱼联盟</dd>
<dd>咸鱼联盟</dd>
</dl>
<b>咸鱼联盟</b>
<strong>咸鱼联盟</strong>
<i>咸鱼联盟</i>
<em>咸鱼联盟</em>
<p>x<sup>2</sup></p>
<p>H<sub>2</sub>O</p>
<pre>
鹅鹅鹅,
曲项向天歌,
白毛浮绿水,
红掌拨清波。
</pre>
<!--
div 在网页中划分一个区域的长方形 division
p 在页面中插入段落
h1 在页面中插入一级标题 用来做网站的logo SEO角度来讲有且只能用一次
h2 在页面中插入二级标题
h3 ...
h4 ...
h5 ...
h6 ...
ul li 无序列表标签组 在ul处使用 list-style-type: none;去掉小黑点
ol li 有序列表标签组
img 在页面中插入一张图片
a标签
href a标签要跳转的地址
target 以什么方式打开 _self在当前页面打开 _blank在新的页面中打开
_blank点一次打开一次,不关闭原来的依然打开新的
_new点一次打开一次,不关闭原来的跳回原来的
dl dt dd 自定义列表
b strong 都是让文本加粗的
b标签仅仅只是加粗,strong标签既让文字加粗也表示强调的意思,搜索引擎重点找
i em 都是让文本倾斜的
i标签仅仅只是斜体,em标签既让文字斜体也表示强调的意思,搜索引擎重点找
sup 上角标 例如平方
sub 下角标 例如水角标
p标签中不能添加块级元素
<p>
<p></p> ====>> 3个p标签,相当于最上边的没有结束标签,最下边的没有开始标签,其他块级元素一样
</p>
br 换行 无横线
hr 换行 有横线
pre 原版输出,不做改变
-->
</body>
</html>
Python3Turtle