前端学习（一）：HTML基本语法

最新推荐文章于 2023-11-13 12:08:05 发布

赏善罚饿

最新推荐文章于 2023-11-13 12:08:05 发布

阅读量9.9k

点赞数 3

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

本文链接：https://blog.csdn.net/whitefish520/article/details/107426067

版权

认识web

浏览器	内核	备注
IE	Trident	IE、猎豹安全、360极速、百度浏览器
firefox	Gecko	打开速度慢，升级频繁
safari	webkit	苹果专用
chrome	chromium/blink	在chromium项目中研发blink渲染引擎，内置于chrome浏览器之中，blink是webkit的分支，大部分国产浏览器采用blink内核进行二次开发
opera	blink	跟随chrome使用blink内核

重点内容：web标准的三层

web标准：不是一个具体的标准，而是由w3c组织和其它标准化组织制定的一系列标准的集合
w3c：万维网联盟是国际最著名的标准化组织，类似于联合国的地位
为什么要遵循web标准：如果不遵循标准，不同浏览器渲染出来的界面可能不同
web标准的好处：遵循web标准可以让我们写的页面更统一
- 让web发展前景更广阔
- 内容能被更广泛的设备访问
- 更容易被搜索引擎搜索
- 降低网站流量费用
- 使网站更易于维护
- 提高页面的浏览速度撒
web标准的构成：
- 结构（structure）：结构用于对网页元素进行整理和分类，主要是html
- 表现（presentation）：表现用于设置网页元素的版式、颜色、大小等外观样式，主要是css
- 行为（behavior）：是指网页模型的定义及交互的编写，主要是javascript

HTML有自己的语言语法骨架格式

<html>
    <head>
        <title></title>
    </head>
    <body>
    </body>
</html>

标签：在HTML页面中，带有<>符号的元素被称为HTML标签，如上面提到的<html>、<head> <body>都是HTML骨架标签

分类：常规元素（双标签）、空元素（单标签）

<标签名> 内容 </标签名>

比如我爸是李刚

该语法中 <标签名> 表示该标签的作用开始，一般称为开始标签（start tag），</标签名>表示该标签的结束，一般称为结束标签（end tag）
和开始标签相比，结束标签只是在前面加上一个关闭符/
大部分标签都是双标签

<标签名 />

比如

<head>
    <title></title>
</head>

<head></head>
<body></body>

推荐使用sublime+emmet插件，可以实现以下特殊效果

利用sublime生成的骨架

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title

关注