(一)HTML
1.基础结构搭建:掌握了 HTML 文档的基本结构,理解了<html>、<head>、<body>等关键标签的作用。学会创建一个包含标题、段落、列表等元素的简单网页。
2.图像与多媒体嵌入:成功掌握在 HTML 中插入图像的方法,利用<img>标签的src属性指定图像文件路径,alt属性提供图像的替代文本描述,以确保在图像无法加载时用户仍能了解其内容。另外,了解了如何嵌入音频和视频,如使用<audio>和<video>标签,并设置相应的属性来控制播放行为。
3.表格与表单设计:学会创建表格,通过<table>、<tr>、<td>等标签构建表格的结构,使用<th>标签定义表头。同时,掌握了表单的设计。
4.学习 HTML5 的新特性:重点关注语义化标签(如<header>、<nav>、<article>、<section>等),了解其在提升网页结构语义化和搜索引擎优化方面的作用。通过实际案例练习,熟练掌握这些新标签的使用场景和方法。
(二)CSS
1.基础语法与选择器:学习了 CSS 的基本语法,包括如何定义样式规则,即选择器与声明块的组合。深入理解了各种选择器,如标签选择器、类选择器、ID 选择器等,能够根据不同的需求精准地选择网页元素并应用样式。
2.文本与字体样式:通过 CSS 可以灵活地控制文本的样式,如设置字体类型(font-family)、字号(font-size)、颜色(color)、行高(line-height)等。还学会了调整字体的粗细(font-weight)和文本的对齐方式(text-align),使网页文本排版更加美观。
3.盒模型与布局:深入学习了 CSS 盒模型,了解了元素的内容(content)、内边距(padding)、边框(border)和外边距(margin)的概念及其相互关系。学会使用display属性设置元素的显示类型,如block、inline、inline - block等,以及利用float属性实现元素的浮动布局,从而实现复杂的页面布局效果。
4.背景与颜色设置:掌握了通过 CSS 设置元素的背景颜色(background-color)和背景图像(background-image),可以对整个网页或特定元素进行背景定制。还学习了背景图像的重复方式(background-repeat)、定位(background-position)等属性的设置,使网页背景更加丰富多彩。