2022-01-09总结

最新推荐文章于 2024-10-17 15:53:46 发布

是小南宫吖

最新推荐文章于 2024-10-17 15:53:46 发布

阅读量534

点赞数

分类专栏：前端学习文章标签： html 前端 html5

本文链接：https://blog.csdn.net/m0_46614565/article/details/122402351

版权

前端学习专栏收录该内容

5 篇文章 1 订阅

订阅专栏

什么是网页？

网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。

网页是网站中的一“页”，通常是HTML格式的文件，它要通过浏览器来阅读。

网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm或.html后缀结尾的文件，因此将其俗称为HTML文件。

什么是HTML？

HTML是指超文本标记语言（Hyper Text Markup Language），它是用来描述网页的一种语言。由标签组成，比如图片标签、链接标签等。

超文本有2层含义：

它可以加入图片、声音、动画、多媒体等内容（超越了文本限制）。
它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本）。

HTML不是一种编程语言，而是一种标记语言（markup language）。

标记语言是一套标记标签（markup tag）

网页的形成

网页是由网页元素组成，这些元素利用html标签描述出来，然后通过浏览器解析来显示给用户的。

前端人员开发HTML代码→浏览器显示代码（解析、渲染）→生成最后的Web页面

常用浏览器

浏览器是网页显示、运行的平台，常用的浏览器有IE、火狐（FireFox）、谷歌（Chrome）、Safari和Opera等。平时称为五大浏览器。

IE浏览器和Edge浏览器都是Microsoft公司的。

浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。

Blink内核是Webkit内核的分支。用Webkit内核进行二次开发。

Web标准（重点）

Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。W3C（万维网联盟）是国际最著名的标准化组织。

为什么需要Web标准

因为浏览器厂商不同，各个浏览器之间存在偏差，它们显示页面或者排版就有所差异。

Web标准可以使代码更规范、更标准，这样在不同浏览器中看到的效果基本一致。

Web标准的组成

三者中，结构最重要。

HTML标签

HTML语法规范

<html>

<head></head>

<body></body>

</html>

HTML基本结构标签

前端开发工具

Charset字符集

GB2312——简体中文

BIG5——繁体中文

GBK——包含简体中文和繁体中文

HTML常用标签

标题标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>标题标签</h1>
    <h1>标题一共六级选，</h1>
    <h2>文字加粗一行显。</h2>
    <h3>由大到小依次减，</h3>
    <h4>从重到轻随之变。</h4>
    <h5>语法规范书写后，</h5>
    <h6>具体效果刷新见。</h6>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>随着生活节奏的加快，人们的压力越来越大，<br />每天都要面对来自工作，学习，家庭社会等各方面的压力，时间久了会压得人们喘不过气，难免会感到身心疲惫。</p>

    <p>吸烟便成为人们放松的一种方式，因为在吸烟过程中，大脑会分泌多巴胺，可以暂时忘记烦恼与忧愁，原本只想暂时缓解高压情绪，没想到接触了几次之后，便沉迷其中无法自拔。</p>

    <p>因为香烟中含有一种叫尼古丁的物质，很容易使人产生依赖性，同时也会严重伤害身体，因此为了健康着想，应当尽早把烟瘾戒掉，即使戒不掉也要尽可能的减少香烟对身体的危害。</p>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>徐新：这个赛季做出的贡献更多 感谢教练给我机会</h1>
    <P>1月9日晚上，足协杯决赛，山东泰山对阵上海海港，凭借贾德松的世界波破门，泰山1-0战胜海港历史第7次获得足协杯冠军，拿到本赛季双冠王。赛后泰山队球员徐新接受了现场采访。</P>

    <P>徐新首先表示能够获得冠军很开心，“这两年都是封闭赛制，想对所有支持我们的人说声感谢，特别不容易，冠军就是对大家支持的回报。”</P>

　　<h4>回顾整个赛季自己的表现</h4>
    <p>徐新说道：“今年算是一个比较完整的赛季，出场时间比较多，做出的贡献也相对更多。感谢教练和俱乐部给我的机会，希望未来能为球队做更多贡献。”</p>

    <p>展望即将为国家队效力，徐新说道：“首先为国出战，一定要打出我们优良的作风，一定要打出拼劲。然后全力以赴，不留遗憾。”</p>

　　<p>作者：旺旺<br /> 2022-01-09</p>
</body>
</html>

重点记住加粗和倾斜。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    我是<strong>加粗</strong>的文字。<br />
    我是<b>加粗</b>的文字。<br />

    我是<em>倾斜</em>的文字。<br />
    我是<i>倾斜</i>的文字。<br />

    我是<del>删除线</del><br />
    我是<s>删除线</s><br />

    我是<ins>下划线</ins><br />
    我是<u>下划线</u>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>我是一个div标签我一个人单独占一行</div>123
    <div>我是一个div标签我一个人单独占一行</div>

    <span>百度</span>
    <span>新浪</span>
    <span>搜狐</span>

</body>
</html>