HTML学习笔记

Author:Qianqi Tang

目录

1. 注释
2. 标题和段落
3. 水平分割线和换行符
4. 文本格式化标签
5. 图片
6. 音频
7. 视频
8. 链接
9. 列表
10. 表格
11. 表单

注释

<!--  -->：注释

标题和段落

h1：1级标题
h2：2级标题
h3：3级标题
h4：4级标题
h5：5级标题
h6：6级标题
p：段落

水平分割线和换行符

hr：水平分割线
br：换行符

文本格式化标签

b/strong：bold 加粗
i/em：incline 斜体
u/ins：underline 下划线
s/del：strikethrough 删除线

img：图片

alt="替换文本"
title="提示文本"
width="宽度" height="高度"（只用给一个，另一个等比缩放）
示例图片：

audio：音频

controls：音频控件
autoplay：自动播放（少部分浏览器支持，chrome不支持）
loop：循环播放
示例音频：

video：视频

controls：视频控件
autoplay：自动播放（chrome必须配合muted静音播放）
muted：静音播放
loop：循环播放

由于在GitHub Pages上有不支持直接在仓库中播放大于100MB的视频文件的限制，我们使用Youtube平台对我们的视频进行托管，再用iframe嵌入视频。
iframe：嵌入
frameborder="0"：不显示嵌入框架的边框
allowfullscreen：允许全屏
示例视频：

a：链接

href="跳转地址（Hypertext Reference）"
跳转地址可以为网址、路径或者为#（空链接，即指向当前页面的链接）
target="目标网页打开方式"
target="_self"：当前窗口跳转（默认）
target="_blank"：新窗口跳转
示例链接：
空链接
https://tangqianqiya.github.io/

列表

ul: Unordered List（无序列表）

• li: List Item（列表项1）
• li: List Item（列表项2）

ol: Ordered List（有序列表）

1. li: List Item（列表项1）
2. li: List Item（列表项2）

dl：Definition List（定义列表）

dt：Definition Term（定义术语）

dd：Definition Description（定义描述1）

dd：Definition Description（定义描述2）

表格

table：表格
border:table标签的属性
th:table header标题
td:table data元素

表单

Developing...