茵蒂克丝
- 前端三件套
HTML、CSS、JavaScript
推荐编程工具VSCode - HTML基础(VSCode环境)
HTML:超文本标记语言,不是一种编程语言!
快速注释:ctr
+/
html基础结构:
<!DOCTYPE html>//文档的声明使用,告诉浏览器,该文档是HTML5文件
<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>//文档的主要内容,页面渲染的就是这一部分
</body>
</html>
- 标签(元素):
HTML本质上是由各种标签所构成的,标签是由W3C提前制定好的一些针对HTML文档的标记符号,具有各自的含义,由<
和>
括起来。
标签通常成对出现,如<p>hello world</p>
,即开始标签+内容+结束标签,但也有例外,比如<meta>
标签。
标签允许嵌套,但要符合嵌套标准标准。 - 属性:
额外的对标签进行描述的信息。格式为key=value或key,属性卸载开始标签里。 - 实体字符
一些特殊字符,无法被HTML所识别:多个空格,>,<等,只能通过字符编码书写。
空格: ,小于:<,大于:>,版权符:© - 元素分类:
块元素(block):
1.具有布局特点,一般用于页面整体布局。
2.会独占父元素页面的一行。
3.块元素可以嵌套任何类型的元素。(p元素除外,不能再嵌套块元素)
4.块元素可以设置宽高,默认宽度取决于父元素宽度,默认高度取决于其内容高度。
行内元素(inline):
1.一般不会换行,只在一行排不下时换行。
2.不能设置宽高,宽高由内容决定。
3.一般不会嵌套块元素,而是嵌套文本或行内元素。
行内块元素(inline-block)
1.不会独占一行
2.可设置宽高