4495ae0e28
- Created multiple exercises under the CSS layout section, including: - Final page layout with CSS styles and HTML structure. - Display and flow concepts with examples of block, inline, and none display types. - Selectors and pseudo-classes with practical examples. - Overflow and sizing handling in CSS. - Grid layout basics for two-dimensional layouts. - Fixed and sticky positioning examples. - Centering techniques for common layout scenarios. - Added README files for each exercise to outline objectives and file structures. - Updated main README to include new sections and usage instructions.
38 lines
886 B
Markdown
38 lines
886 B
Markdown
# 练习 2：文本、链接、列表
|
||
|
||
## 目标
|
||
|
||
掌握最常见的内容组织标签。
|
||
|
||
## 你要练什么
|
||
|
||
- `h1` 到 `h3`
|
||
- `p`
|
||
- `strong`
|
||
- `em`
|
||
- `a`
|
||
- `ul` / `ol` / `li`
|
||
|
||
## 任务
|
||
|
||
请完成一个“前端新手资源页”，要求包含：
|
||
|
||
- 一个主标题
|
||
- 一个资源介绍段落，段落中要有 `strong` 和 `em`
|
||
- 一个“推荐网站”二级标题
|
||
- 一个无序列表，里面至少 3 个链接
|
||
- 一个“学习步骤”二级标题
|
||
- 一个有序列表，里面至少 4 步
|
||
|
||
## 检查点
|
||
|
||
- `a` 是否有 `href`
|
||
- 列表项是否全部在 `li` 中
|
||
- 强调内容是否使用了合适标签
|
||
- 标题层级是否合理
|
||
|
||
## 文件
|
||
|
||
- [starter.html](/Volumes/Macintosh HD 1/home/front-end-example/01-html-structure/02-text-links-lists/starter.html)
|
||
- [answer.html](/Volumes/Macintosh HD 1/home/front-end-example/01-html-structure/02-text-links-lists/answer.html)
|