HTML 超文本标识语言(hyper text markup language ) 是由一堆代码组成，通过标识和标签，来渲染 文字、图片、音频、视频、动画、表格等。

蒂姆·博纳斯·李 W3C （w3c.org）。html代码，由前端大佬，写出来的网页 能符合web标准。万维网联盟 全球四大中心，麻省理工学院，欧洲数字信息中心、东京庆应大学，北京航空航天大学。

主要作用：就是让各大浏览器都能够显示同一样的页面。

1、网页由哪些内容组成

文字、图片、视频、音频、动画、表格。

2、网页背后的本质是什么

前端程序员写的代码

3、前端代码咋变成网页的呢

通过浏览器的转化(渲染)成用户看到的页面

浏览器:是网页显示、运行的平台。前端的开发必备利器。

渲染引擎(内核):浏览器中针对代码进行解析。

HTML只是描述网页的一种语言，不是编程语言

H5 IE8以下版本不支持H5。1

判断标签支持某浏览器的某个版本 Can I use... Support tables for HTML5, CSS3, etc

手写第一个简单网页

<!DOCTYPE html>  <!--说明一下代码全部是html-->
<html>           <!---->
    <head>
        <title>软测三期</title>
    </head>
    <body>
        <center>hello web</center>
        i am rllt<br/>  
        i from china
    </body>
</html>

为html添加注释<!--XXXXX-->

双标记也叫作常规标记，例如<html></html> 有头有尾。标记中可以添加属性和属性值。

单标记也叫空标记

没头没尾，但是也可以加属性和属性值。

常用的标记

<style>
        p{
            border:5px  blue solid;
        }
</style>

定义p为边框像素为5像素，蓝色 单线框

1、h标记

作用是标题。h1~h6。一个网页最好只有一个大标题，

属性:align

属性值:left(左) center(中间) right(右边)

2、p标记

作用是指定一个段落，并自动换行【相对：span】

属性:align

属性值:left(左) center(中间) right(右边)

3、br 单标记

作用是换行

4、<em>、<i> 标记

作用是让字体进行倾斜

5、<del>、<s>标记

作用给文字加上横线。

6、<u> 标记

作用为文字加上下划线

7、<b>、<strong>标记

作用是着重突出显示某文字。加粗

8、sub和sup 标记

作用 sub 是下标 sup 是上标

9、font标记

属性:color size

10、<a>标记

作用：主要跳转网页链接或者链接到本地文件

属性:href="XXX"|"http://XXXXXX"

相对路径 : 相对于html所在的路径而言，去调用本地文件

绝对路径:从根分区一直到文件所在位置，所有经过的路径全部写上

11、hr标记

作用:生成一条横线

属性：size 设置大小单位 px(像素)

width: 横线在网页显示的长度

color：横线的颜色设置

body标记常用属性

bgcolor: 设置网页背景颜色

background：设置网页北京图片

pre、div、p标记

是一个‘块’标记，同时可将pre标记中的所有内容完全展现。包含换行，空格等}即内容保持一致。

span标记与p div的区别是，span只占用自己所占用的页面空间，不会占用整行

html实体字符

> &gt;
< &lt;
* &times;
/ &divide;
​
# html
Logo
华为云开发者联盟

为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。

更多推荐

cover

从K8s的“临时容器”看K8s设计的厉害之处

avatar 华为云开发者联盟
cover

仓颉编程语言技术指南：嵌套函数、Lambda 表达式、闭包

avatar 华为云开发者联盟
cover

一步即扫，直达应用所有服务

avatar 华为云开发者联盟