2025软开国交集训 DAY1
本文摘要：文章系统介绍了HTML基础知识，包括人工智能与计算机发展简史、计算机架构（C/S与B/S）、浏览器类型等前置知识。重点讲解了HTML的核心概念：标签类型（单/双标签）、语义化标签、文档结构、字符编码设置等，并对比了块级与行内元素的使用规则。提供了开发环境配置建议（VSCode+LiveServer）和常用快捷键，推荐了W3C、MDN等权威学习资源。全文采用技术文档结构，适合作为HTML入
一、发展历史 （仅了解）
两位先驱 ：
艾伦·麦席森·图灵 —— 人工智能之父
约翰·冯·诺伊曼 —— 现代计算机之父
HTML发展 ：
二、前置基础知识
计算机组成：
架构 ：
名词解释：C => client（客户端）、B => browser（浏览器）、S => server（服务器）
C/S架构，特点：需要安装、偶尔更新、不跨平台、开发更具针对性；
B/S架构，特点：无需安装、无需更新、可跨平台、开发更具通用性。
浏览器 ：
常见的浏览器有：谷歌(Chrome)、Safari、IE 、火狐(Firefox)、欧朋(Opera)等。
网页 ：
网址：我们在浏览器中输入的地址。
网页：浏览器所呈现的每一个页面。
网站：多个网页构成了一个网站。
网页标准：
HTML释义 ：
全称：HyperText Markup Language（超文本标记语言）
相关国际组织 ：
IETF W3C WHATWF
三、准备工作
展示文件扩展名
安装 Chrome浏览器（可用EDGE替代）
安装 VSCode
安装 Live Server 插件
四、HTML （未完待续）
标签 ：
单标签 ：
双标签 ：
常见排版标签 ：
<h1~6></h1~6> 标题
<p></p> 段落
<div></div> 无意义，可用来折叠语义化标签：用特定的标签，去表达特定的含义。
标签属性 ：
注释 ：
对代码进行解释和说明，不可以嵌套使用
文档说明 ：
告诉浏览器当前网页的版本
<!doctpye html>字母编码 ：
ASCII：大写字母、小写字母、数字、一些符号，共计128个。
ISO 8859-1：在 ASCII 基础上，扩充了一些希腊字符等，共计是256个。
GB2312：继续扩充，收录了 6763 个常用汉字、682个字符。
GBK：收录了的汉字和符号达到 20000+ ，支持繁体中文。
UTF-8 ：包含世界上所有语言的：所有文字与符号。—— 很常用。
<head>
<mate charset="xx"></mate>
</head>设置语言 ：
常见：ZH-CN （简体中文）、ZH-TW （繁体中文） 、EN-US （美式英语） 、EN-GB (英式英语)
详见：HTML 语言代码参考手册 HTML ISO 国家/地区代码参考手册
<head>
<mate charset="xx"></mate>
</head>标准结构（重要 需熟记）:
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<mate charset="UTF-8"></mate>
<title>这里是标题</title>
</head>
<body>
<h1></h1>
<div>
<p></p>
</div>
</body>
</html>块级元素 与 行内元素 ：
块级元素：独占一行
行内元素：不独占一行
使用原则：
块级元素 中能写 行内元素 和 块级元素（简单记：块级元素中几乎什么都能写）。
行内元素 中能写 行内元素，但不能写 块级元素。
一些特殊的规则：
h1~h6 不能互相嵌套。
p中不要写块级元素。
五、备注
快捷键 ：
注释 CTRL + /
基本结构 ! + 回车
切换下一行 CTRL + 回车
撤销 CTRL + Z
删除 CTRL + X
网址 ：
W3C官网： www.w3c.org
W3School： www.w3school.com.cn
MDN： developer.mozilla.org —— 平时用的最多。
更多推荐
5
0- 0
已为社区贡献1条内容
所有评论(0)