首页用html 编写网页整体框架的搭建

用html 编写网页整体框架的搭建

时间: 2024-09-07 18:06:55 浏览: 53

HTML（HyperText Markup Language）用于创建网页的基础结构，构建网页的整体框架通常包括以下几个部分： 1. **文档声明** (<!DOCTYPE>): 开始每个HTML文档时，应先声明文档类型，如`: <!DOCTYPE html>`，告诉浏览器这是一个HTML5文档。 2. **HTML标签** (`<html>`): HTML标签始终包围整个页面内容，是文档的根元素。一般包含`<head>`和`<body>`两个部分。 3. **头部信息** (`<head>`): 位于`<html>`标签内，包含元数据（meta tags），如`<title>`标签设定网页标题，`<link>`连接外部样式表，`<script>`链接JavaScript文件等。 4. **标题标签** (`<title>`): 对于搜索引擎优化很重要，显示在浏览器标签页上。 5. **主体内容** (`<body>`): 这是网页的主要区域，通常放置文本、图片、表格、列表、链接等内容。常用标签有`<p>`(段落)、`<h1>~<h6>`(标题)、`<a>`(超链接)、`<img>`(图像)、`<ul>`和`<ol>`(无序和有序列表)等。 6. **结束标签** (`</tag>`): 每个开始的标签都有相应的结束标签，表示该元素的关闭。例子： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>我的第一个网页</title> <style> /* 内部样式 */ body { font-family: Arial, sans-serif; } </style> </head> <body> <header> <h1>欢迎来到我的网站</h1> </header> <main> <p>这是主要内容...</p> <a href="#">点击了解更多信息</a> </main> <footer> 版权所有 © 2023 我的网站 </footer> </body> </html> ```

阅读全文