news 2026/8/7 16:15:15

初学HTML2

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
初学HTML2

1.HTML的特点

  • 简易性

HTML语言比较简单,使用操作方便,灵活方便

  • 可扩展性

HTML目前有着广泛的应用,并且增加了标识符等要求

  • 平台无关性

HTML可以使用在广泛的平台上,这也是万维网盛行的另一个原因

  • 通用性

HTML是一种通用的语言,用户可以创建图文结合的页面,无论什么浏览器,都可以进行访问

2.HTML文档结构

  • HTML标签是由尖括号包围的关键词,如<html>

  • HTML标签通常是成对出现的,如<html>和</html>,称为双标签(开始标签和结束标签)

  • 有些特殊标签必须是单个标签,如<br />,称为单标签

  • 双标签关系分为两种:包含关系并列关系

具体语法说明如下:

  • <!DOCTYPE html>:这是文档类型声明,用来告诉浏览器这个文档是标准的HTML文档(从技术上来说它并不是标签),doctype 声明不区分大小写;

  • <html> </html>:该标签是 HTML页面的根标签,其他所有的标签都需要在 <html> 和 </html> 标签之间定义;

  • <head> </head>:该标签中用来定义 HTML 文档的一些信息,例如标题、编码格式等等;

  • <meta charset="UTF-8">:用来指明当前网页采用 UTF-8 编码,UTF-8 是全球通用的编码格式,绝大多数网页都采用 UTF-8 编码;

  • <title> </title>:该标签用来定义网页的标题,网页标题会显示在浏览器的标签栏;

  • <body> </body>:该标签用来定义网页中我们能通过浏览器看到的所有内容,例如段落、标题、图片、链接等等;

  • <h1> </h1>:该标签用来定义文本的标题;

  • <p></p>:该标签表示一段文本

3.HTML整体结构

标记一般都是成对出现(部分标记除外例如:< br / > < img/>),即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。

head 头部内容

包含当前页面的标题、序言、说明等内容,本身是不作为显示内容展示的。

元数据标签 meta

一个辅助的标签,定义当前页面(文档)关联的名称与搜索引擎和更新频度的描述和关键词。

name属性

用于描述页面。主要便于搜索引擎机器人查找信息和分类的作用

<meta name="参数" content="具体的参数值"/> <meta name="keywords" content="明星,歌曲,吃瓜,影视"/> 用来告诉搜索引擎:网页的关键字 是 明星,歌曲,吃瓜,影视 root 用来告诉搜索机器人那些页面需要索引,那些页面不需要索引 <meta name="zhangsan" content="none"/> 设置页面的有效期 <meta http-equiv="expires" content="Fri Jun 22 01:00:00 2026 GMT"/> 注意:时间的格式必须是GMT格式的 设置页面 禁止从本地计算机的缓存中访问当前页面的内容 <meta http-equiv="Pragma" /> 刷新:自动刷新并跳转新的页面。 5秒后访问https://www.w3schools.com/ <meta http-equiv="Refresh" content="5;URL=https://www.w3schools.com/" /> 将会换成 一个cookie在本地的/ 并指定了过期时间 <meta name="Set-Cookie" content="cookieValue=zhangsan;expires=Thu, 01 Jan 1970 00:00:01 GMT;path=/" />

title 标题标签

定义文档的标题。所在HTML页面中必须的一个标签

<!DOCTYPE html> <html lang="en"> <head> <!-- 头部 对当前页面进行配置的地方 --> <!-- charset :设置字符编码集 --> <meta charset="UTF-8"/> <!-- title 标题标签 :设置当前页面的头部标题 --> <title>我的第一个页面</title> </head> <body> <!--主体内容 展示给用户看到的内容--> </body> </html>

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/8/6 9:26:02

12、技术文档创作与信息管理全解析

技术文档创作与信息管理全解析 1. 第三方网站引用指南 在文档创作过程中,第三方网站可能是获取信息的重要来源。选择并引用合适的第三方网站,需要完成以下任务: - 确定要引用的第三方网站 - 确定要使用的第三方 URL - 添加免责声明和任何所需的第三方措辞 - 防止未经批…

作者头像 李华
网站建设 2026/8/6 9:15:05

9大AI论文平台对比:智能生成开题框架与完整论文内容

在毕业论文季&#xff0c;高效完成开题报告和论文是很多学子的痛点。人工写作虽然灵活&#xff0c;但耗时耗力&#xff1b;而AI工具的兴起&#xff0c;能快速生成内容、优化重复率和AI痕迹。今天&#xff0c;我通过9款平台对比&#xff0c;帮你找出最适合的“学术搭档”。先从人…

作者头像 李华
网站建设 2026/8/6 9:14:57

学术写作利器:9款AI工具测评,精准生成开题报告与论文初稿

在毕业论文季&#xff0c;高效完成开题报告和论文是很多学子的痛点。人工写作虽然灵活&#xff0c;但耗时耗力&#xff1b;而AI工具的兴起&#xff0c;能快速生成内容、优化重复率和AI痕迹。今天&#xff0c;我通过9款平台对比&#xff0c;帮你找出最适合的“学术搭档”。先从人…

作者头像 李华
网站建设 2026/8/6 16:52:50

20、文档制作全流程指南

文档制作全流程指南 在当今全球化的商业环境中,文档的制作涉及多个方面,包括国际化与本地化、在线文档的考量、最终印刷生产以及后期制作的注意事项等。以下将详细介绍这些方面的内容。 国际化与本地化 如果公司有国际业务,可能需要对文档进行本地化或国际化处理。国际化…

作者头像 李华
网站建设 2026/8/6 17:17:27

GPT-20B无限制版:本地部署大模型的技术革命与实战指南

GPT-20B无限制版&#xff1a;本地部署大模型的技术革命与实战指南 【免费下载链接】OpenAi-GPT-oss-20b-abliterated-uncensored-NEO-Imatrix-gguf 项目地址: https://ai.gitcode.com/hf_mirrors/DavidAU/OpenAi-GPT-oss-20b-abliterated-uncensored-NEO-Imatrix-gguf …

作者头像 李华
网站建设 2026/8/6 17:15:57

MPK(Mirage Persistent Kernel)源码笔记(4)--- 转译系统

0x00 概要此处的”转译系统“包含两部分&#xff1a;把计算图转换为任务图。将 Mirage 生成的&#xff08;优化过的&#xff09;计算图转换为高效的 CUDA 代码0x01 Task和Event在 Mirage 持久化内核&#xff08;Persistent Kernel&#xff09;的设计与实现中&#xff0c;需突破…

作者头像 李华