目标:
1。 html结构简介
首先简要说明 html 如何使用标签组织网页内容。强调html(超文本标记语言)用于构建网页,而css用于样式化。
要回顾的关键概念:
立即学习“前端免费学习笔记(深入)”;
2。基本 html 标签回顾
示例:
<h1>main heading</h1> <h2>sub heading</h2>
):
用于定义文本块或段落。示例:
<p>this is a paragraph.</p>
示例:
<a href="https://example.com">click here</a>
示例:
@@##@@
3。中间 html 元素简介
3.1。表单(
表单用于收集用户输入。
基本表单结构:
带有文本输入的简单表单示例:
3.2。列表(、
、
无序列表和有序列表的示例:
3.3。表( 表格允许结构化数据以行和列的形式显示。 简单表格示例: 4。班级活动 4.1。回顾活动: 要求学生创建一个基本网页,其中包括: ) 示例: 4.2。指导练习: 4.3。列表和表格: 示例: 5。家庭作业 学生应该通过以下方式扩展他们的网页: 示例: 6。额外提示 总结、
、
、
)
:表的容器。
:定义表中的一行。
:定义表格中的一个单元格。
:定义表格中的标题单元格(可选)。
name
age
john
25
)
<h1>welcome to my website</h1>
<p>this is my first webpage.</p>
@@##@@
) 和一个包含几行数据(姓名、年龄、最喜欢的颜色)的简单表格。
name
age
alice
30