学习网站
W3C官网，W3School，MDN
必写の大纲
<!DOCTYPE html> //!DOCTYPE是H5最新标准的声明
<html lang="语言"> //en是英语，zh-CN是简体中文
<head>
<meta charset="UTF-8"> //使用UTF-8编码
<title>网页名称</title> //可以修改标签页上的名称
</head>
<body>
</body>
</html> //以上可以直接开始的时候!加enter输入
网站小图标后缀为.ico，放最浅层文件夹即可
<!--注释--> //注释不能嵌套
<标签名>标签体</标签名> //标签名可以大写，但最好全小写
起始标签 结束标签
双标签==>前后都要写
单标签==>只要写前面的
双标签
marquee //提供滚动效果，使得改行字幕滚动
h1 //可以写1~6，标题标签，字体加粗，由大到小
p //段落标签，用于写内容
div //可以收纳多个p的段落，多个p应放入吧div中
span //可以在单独一行里多加东西
单标签
input //用于提供一个输入框
<img width="宽度" height="高度" src="图片名字" alt="图片介绍">
独占标签属性 //书写方式：<标签 标签属性>，属性输入先入为主
loop="次数" //循环，非大于等于1的整数为无限循环
bgcolor="颜色的英文单词" //让 一行 的颜色改变
type="种类" //password：输入的会被隐藏掉，配合单标签input使用。text：文本框，正常输入
disabled //禁止输入，和input搭配使用
em //着重的信息，斜体 strong //十分重要，加粗
通用标签属性
id="？" //
标签语义
cite //作品标题
dfn //特殊术语，专属名词
del/ins //删除的文本【与插入的文本】
sub/sup //下标文字【与】上标文字
code //代码
samp //从正常文档中提取出来，例如标识设备输出
kbd //键盘文本，经常用于计算机手册中
abbr //缩写，最好配上title属性
bdo //更改文本方向，要配合dir属性，可选值：ltr,rtl
var //标记变量，和code联合使用
small //附属细则，例如，包括版权，法律文本——很少使用
b //摘要关键字，评论中产品的名称
i //本意是任务思想活动，所说的话等等，现在多用于呈现字体图标
u //与正常文本有反差的内容——很少使用
q //短引用——很少使用
blockquote //长引用——很少使用
address //地址信息
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>第一天作业</title>
</head>
<body>
<h2 style="color:darkblue">
<div style="text-align: center;">
梅花
</div>
</h2>
<h3 style="color:grey">
<div style="text-align: center;">
2~4
</div>
</h3>
<div style="text-align: center;">
<img height="100" src="C2.png">
<img height="100" src="C3.png">
<img height="100" src="C4.png">
</div>
<h2 style="color:darkblue">
<div style="text-align: center;">
方片
</div>
</h2>
<h3 style="color:grey">
<div style="text-align: center;">
5~7
</div>
</h3>
<div style="text-align: center;">
<img height="100" src="D5.png">
<img height="100" src="D6.png">
<img height="100" src="D7.png">
</div>
<h2 style="color:darkblue">
<div style="text-align: center;">
红桃
</div>
</h2>
<h3 style="color:grey">
<div style="text-align: center;">
8~10
</div>
</h3>
<div style="text-align: center;">
<img height="100" src="H8.png">
<img height="100" src="H9.png">
<img height="100" src="H10.png">
</div>
<h2 style="color:darkblue">
<div style="text-align: center;">
黑桃
</div>
</h2>
<h3 style="color:grey">
<div style="text-align: center;">
j~k
</div>
</h3>
<div style="text-align: center;">
<img height="100" src="SJ.png">
<img height="100" src="SQ.png">
<img height="100" src="SK.png">
<img height="100" src="SA.png">
</div>
</body>
</html>
