初始html

87 阅读2分钟

第一个网页

Emmet插件:自动生成代码片段

注释

注释是为给看这个代码的人提供阅读帮助的,不参与运行

在HTML中,书写格式如下: 快捷键Ctrl+/

<!-- 注释内容写这里 -->

元素

其他叫法:标签,标记

<a href="http://www.baidu.com">百度一下</a>

整体 "百度一下"这个整体称为"element"(元素)

元素 = 起始标记(begin tag) + 结束标记(end tag) + 元素内容(可以是图片,文字等) + 元素属性

起始标记 <a>

结束标记 </a>

元素内容 页面上要显示的东西

元素属性 描述额外信息的,不一定非要写

属性 = 属性名 + 属性值

属性的分类:

- 局部属性:某些元素特有的属性
- 全局属性:所有元素通用
<meta charset="UTF-8">

有些元素没有结束标记,这样的元素叫做空元素

空元素的两种写法:

1.<meta charset="UTF-8"> 2.<meta charset="UTF-8"/>

元素的嵌套

元素可以嵌套,但不能相互嵌套

父元素,子元素,祖先元素,后代元素,兄弟元素(拥有同一个父元素的两个元素)

标准的文档结构

HTML:页面,也叫HTML文档

<!DOCTYPE html>

文档声明,告诉浏览器当前使用的标准是html5。

不写的话,会导致浏览器进入怪异渲染模式。

<html lang="en">
</html>

根元素,一个页面最多只能一个,并且该元素是其他所有元素的父元素或祖先元素。

HTML5中没有强制要求书写该元素

lang属性: language,全局属性,表示该元素内部使用的文字是使用哪一种自然语言书写而成。中文:""

<head>
    
</head>

文档头,文档头部的内容,不会显示到页面上。

<meta>

文档的元数据:附加信息。

charset:指定网页内容编码

UTF-8是 Unicode编码的一个版本

<title>Document</title>

网页标题

<body>
</body>

文档体,页面上所有要参与显示的元素,都应该放置到文档体body里