HTML&CSS入门:结构、表格与表单详解

需积分: 14 0 下载量 76 浏览量 更新于2024-08-05 收藏 5KB MD 举报
"Day04 HTML&CSS课堂笔记主要围绕Web前端开发的基础知识展开,包括HTML和CSS语言的结构和元素。在这一天的学习中,学员们复习了HTML的常用标签,如`<ul>`和`<ol>`用于创建无序和有序列表,`<dl>`, `<dt>`, 和 `<dd>`定义定义列表,以及表格元素如`<table>`, `<caption>`, `<thead>`, `<tbody>`, `<tfoot>`, `<tr>`, `<td>`, 和 `<th>`,这些都是构建网页布局的重要组成部分。 表格的属性涵盖了尺寸控制(`width`, `height`, `border`, `cellspacing`, `cellpadding`),以及头部和内容区域的对齐方式。表单元素是与用户交互的关键部分,如`<form>`标签控制表单行为,`<input>`提供各种类型如文本输入、密码输入、复选框、单选按钮、提交和重置按钮,以及`<textarea>`用于多行文本输入。`<select>`和`<option>`用于创建下拉列表,`<button>`则用于定义交互式按钮,`<label>`用于关联表单控件。 此外,课程还介绍了`<iframe>`标签,这是一种用来嵌入其他HTML文档或外部内容的框架,具有`src`, `width`, `height`, `frameborder`, 和 `name`等属性。最后,课堂上讲解了HTML字符实体,如`\n`p用于插入一个换行符,`\t`用于水平制表,`\n`p`则是非打印空格。 这些知识点展示了HTML的基本结构和内容组织方式,以及CSS的初步应用,对于初学者理解网页开发的基础至关重要。通过学习和实践这些概念,学生能够开始构建简单的网页布局,并实现基本的用户交互。掌握这些技能是后续深入学习JavaScript和其他前端技术的基础。"