前端HTML第1天：什么是网页？什么是HTML？网页怎么形成？
<h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">1、</span>HTML<span style="color: black;">第1</span>天</h2>
<h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">咱们</span>接下来是进行的网页<span style="color: black;">研发</span>网页的<span style="color: black;">关联</span>概念:</h3>什么是网页?什么是HTML?网页的形成?<h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">2、</span>什么是网页：</h2>
<div style="color: black; text-align: left; margin-bottom: 10px;">1.网站<span style="color: black;">指的是</span>在因特网上<span style="color: black;">按照</span><span style="color: black;">必定</span>的规则，<span style="color: black;">运用</span> HTML 等制作的用于展示特定内容<span style="color: black;">关联</span>的网页集合。
2.网页是网站中的一“页”，<span style="color: black;">一般</span>是 HTML 格式的文件，它要<span style="color: black;">经过</span>浏览器来阅读。</div>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">网页的<span style="color: black;">构成</span>：</h3>
<div style="color: black; text-align: left; margin-bottom: 10px;">1.网页是<span style="color: black;">形成</span>网站的基本元素，它<span style="color: black;">一般</span>由<span style="color: black;">照片</span>、链接、文字、声音、视频等元素<span style="color: black;">构成</span>。<span style="color: black;">一般</span><span style="color: black;">咱们</span>看到的网页，<span style="color: black;">平常</span>以 .htm 或 .html 后缀结尾的文件，<span style="color: black;">因此呢</span>将其俗<span style="color: black;">叫作</span>为 HTML 文件。</div>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic2.zhimg.com/80/v2-c40bce78060c64534aa106994df6c681_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">什么是HTML：</h3>
<div style="color: black; text-align: left; margin-bottom: 10px;">1.HTML 指的是超文本标记语言 (Hyper Text Markup Language) ，它是用来描述网页的一种语言。
2.HTML 不是一种编程语言，而是一种标记语言 (markup language)。
标记语言是一套标记标签 (markup tag)。</div>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">网页的总结：</h3>
<div style="color: black; text-align: left; margin-bottom: 10px;">1.网页是<span style="color: black;">照片</span>、链接、文字、声音、视频等元素<span style="color: black;">构成</span>, 其实<span style="color: black;">便是</span>一个html文件(后缀名为html)
2.网页生成制作: 有前端人员书写 HTML 文件, <span style="color: black;">而后</span>浏览器打开,就能看到了网页.
3.HTML: 超文本标记语言, 用来制作网页的一门语言. 有标签<span style="color: black;">构成</span>的. <span style="color: black;">例如</span> <span style="color: black;">照片</span>标签 链接标签 视频标签等…</div>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">浏览器：</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">常用的浏览器 + IE + 火狐 + 谷歌 + 苹果 + 欧朋 - 浏览器是网页<span style="color: black;">表示</span>、运行的平台。常用的浏览器有 IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。平时<span style="color: black;">叫作</span>为五大浏览器。 - 查看浏览器市场份额：<a style="color: black;"><span style="color: black;">http://</span><span style="color: black;">tongji.baidu.com/data/b</span><span style="color: black;">rowser</span></a> </p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic1.zhimg.com/80/v2-c8046dcc22079f94e1af8b6983a3699c_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">浏览器内核（渲染引擎） + 负责读取网页内容，整理讯息，计算网页的<span style="color: black;">表示</span>方式并<span style="color: black;">表示</span>页面</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> + <span style="color: black;">日前</span>国内<span style="color: black;">通常</span>浏览器都会采用 Webkit/Blink 内核，如 360、UC、QQ、搜狗等。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic3.zhimg.com/80/v2-42a0b0817ac3ca9041b924bb18713b36_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
<h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">3、</span>web标准：</h2>Web 标准<span style="color: black;">是由于</span> W3C 组织和其他标准化组织制定的一系列标准的集合。W3C（万维网联盟）是国际最著名的标准化组织。<h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">为何</span><span style="color: black;">必须</span>Web标准：</h3>浏览器<span style="color: black;">区别</span>，它们<span style="color: black;">表示</span>页面<span style="color: black;">或</span>排版就有些许差异 <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic2.zhimg.com/80/v2-c5bff243df8eee5b792a060ad2649ba9_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>遵循 Web 标准除了<span style="color: black;">能够</span>让<span style="color: black;">区别</span>的<span style="color: black;">研发</span>人员写出的页面更标准、更统一外，还有以下优点： 1.让 Web 的发展前景更广阔。 2.内容能被更广泛的设备<span style="color: black;">拜访</span>。 3.<span style="color: black;">更易</span>被搜寻引擎搜索。 4.降低网站流量<span style="color: black;">花费</span>。 5.使网站更易于<span style="color: black;">守护</span>。 6.<span style="color: black;">加强</span>页面浏览速度。<h2 style="color: black; text-align: left; margin-bottom: 10px;">web标准的<span style="color: black;">形成</span>：</h2>
<div style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">重点</span><span style="color: black;">包含</span> 《结构Structure》 、《表现（Presentation）》和《<span style="color: black;">行径</span>（Behavior）》三个方面。</div>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic4.zhimg.com/80/v2-3661054cc5884f0e2fd74d8b0fd76cdb_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> Web 标准提出的最佳体验<span style="color: black;">方法</span>：结构、样式、<span style="color: black;">行径</span>相分离。</p>简单理解：结构写到 HTML 文件中， 表现写到 CSS 文件中， <span style="color: black;">行径</span>写到 JavaScript 文件中
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic3.zhimg.com/80/v2-5cd8bdc8f3b0cb5336f3b8181e6a5362_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.结构类似身体</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.表现类似外观装饰</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.<span style="color: black;">行径</span>类似<span style="color: black;">行径</span>动作</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.相比较而言, 三者中结构最<span style="color: black;">要紧</span>.</p>
你的见解真是独到，让我受益匪浅。
页:
[1]