一、静态静态基础结构搭建
文档类型声明 
使用 `` 声明HTML5文档类型,网站网站确保浏览器以标准模式渲染页面。模板

根元素与元数据



包含 ``,制作 `
`, ``
`:存放元数据(如标题、字符集、静态静态样式表链接);`
基本标签使用
`
`-``:定义标题,静态静态`` 最重要;
` 最重要;
`
`:段落文本;
``:插入图片,网站网站需指定 `src` 和 `alt` 属性;
``:创建链接,模板包含 `href` 和链接文本。制作
二、静态静态内容填充与组织
语义化标签
使用 `
导航菜单
通过 `
- ` 和 `
- ` 创建导航栏,模板配合CSS实现水平或垂直布局。
响应式设计
使用媒体查询(Media Queries)调整布局以适应不同屏幕尺寸:
```css
@media (max-width: 600px) {
nav {
display: flex;
flex-direction: column;
}
}
```
三、样式与布局设计
CSS基础
通过 `