第一天:HTML5入门
什么是HTML5?
HTML5是当前最流行的网页设计语言,它提供了丰富的标签和功能,使得网页设计更加灵活和强大。HTML5相对于之前的版本,更加注重语义和结构,使得网页内容更加清晰和易于理解。
HTML5的基本结构
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我的第一个HTML5页面</title>
</head>
<body>
<h1>欢迎来到我的HTML5页面</h1>
<p>这是一个段落。</p>
</body>
</html>
第一天的任务
- 学习HTML5的基本结构
- 熟悉常用的HTML5标签
第二天:HTML5文档类型和字符编码
文档类型(DOCTYPE)
文档类型声明(DOCTYPE)是HTML5文档的起始部分,它告诉浏览器该文档使用的HTML版本。
字符编码
字符编码用于指定网页内容的字符集,常见的有UTF-8、GBK等。
第二天的任务
- 学习文档类型和字符编码
- 实践设置文档类型和字符编码
第三天:HTML5头部元素
<meta>标签
标签用于定义网页的元数据,如字符编码、页面描述等。
<title>标签
第三天的任务
- 学习头部元素
- 实践使用和
标签
第四天:HTML5段落和标题
<p>标签
标签用于定义网页中的段落。
<h1>至<h6>标签
至标签用于定义网页中的标题,其中为最高级别,为最低级别。
第四天的任务
- 学习段落和标题标签
- 实践使用段落和标题标签
第五天:HTML5列表
无序列表
为最高级别,为最低级别。
第四天的任务
- 学习段落和标题标签
- 实践使用段落和标题标签
第五天:HTML5列表
无序列表
第四天的任务
- 学习段落和标题标签
- 实践使用段落和标题标签
第五天:HTML5列表
无序列表
- 标签用于定义无序列表,
- 标签用于定义列表项。
有序列表
- 标签用于定义有序列表,
- 标签用于定义列表项。
列表属性
- type:定义列表项的标记样式(如数字、小圆点等)
- start:定义有序列表的起始数字
第五天的任务
- 学习无序列表和有序列表
- 实践使用无序列表和有序列表
第六天:HTML5表格
<table>标签标签用于定义表格。
<tr>标签标签用于定义表格中的行。 <td>标签标签用于定义表格中的单元格。 表格属性
- border:定义表格边框的宽度
- width:定义表格的宽度
- height:定义表格的高度
第六天的任务
- 学习表格标签
- 实践使用表格标签
第七天:HTML5表单
<form>标签
- 标签用于定义列表项。
