html基础第一课笔记：我的第一个网页

-Icandoit

已于 2022-10-25 23:47:43 修改

阅读量247

点赞数 1

分类专栏： html 前端前端基础文章标签： 1024程序员节

于 2022-10-24 21:05:49 首次发布

本文链接：https://blog.csdn.net/qq_61476408/article/details/127501267

版权

前端同时被 3 个专栏收录

13 篇文章 0 订阅

订阅专栏

前端基础

13 篇文章 0 订阅

订阅专栏

html

8 篇文章 0 订阅

订阅专栏

第一个网页

文章目录

第一个网页

emmet插件：自动生产代码
内容：1.输入！，按tab键或者回车
2.输入html:5

注释

注释代码的阅读者提供帮助，注释不参与运行

在html中，注释使用一下格式书写：

<!--注释内容-->

快捷键：ctrl+/ 键

元素

其他叫法：标签，标记

<a href="http://www.duyiedu.com" title="渡一教育有限公司">渡一教育</a>
<title> Document <title>

整体：element元素

元素 = 起始标记（begin tag） + 结束标记（end tag) + 元素内容 + 元素属性

属性 = 属性名 + 属性值 href=“http://www.duyiedu.com”

属性分类：

局部属性：某些元素特有属性 a
全局属性：所有元素通用 tltle

<meta charset="UTF-8">

有些元素没有结束标记，这样元素叫做：空元素（加粗）

空元素的两种写法：
1.<meta charset="UTF-8">
2.<meta charset="UTF-8" />/ 表示结束，老版本

元素的嵌套

元素不能相互嵌套

父元素，子元素，祖先元素，后代元素，兄弟元素（拥有同一个父元素的俩个元素）

标准的文档结构

HTML：页面，HTML文档

<!DOCTYPE html>

文档声明：告诉浏览器，当前文档使用的是HTML标准是HTML 5
DOC:文档
TYPE：type类型
不写文档声明，将导致浏览器进入怪异渲染模式

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

根元素：一个页面最多只能一个，并且该元素是其他元素的父元素或者祖先元素
HTML5版本中没有强制要求书写该元素
lang属性：language，全局属性，表示该元素内部使用的文字是使用哪一种自然语言书写而成的
cmn-hans（现在流行）或者zh-CN（稍微过时）

<head>

     </head>

头文档：文档头内部内容，不会显示在页面上

<meta>

文档的元数据：附加信息
charset：指定网页内部编码。
计算机中，低压电（0~2 V）0 ，高电压（2~5 V）用1，在计算机中表示2，用10
计算机中，只能存储数字（二进制）
文字和数字进行对应存储（ASCII码，美国信息交换标准代码）
a - 97 , A - 65
该字典叫做字符编码表
中国：GB2312
台湾：GBK
UTF-8 是 Unicode 编码的一个版本（万国码）

适用于手机端，网页视口宽度设置为设备宽度解决ie问题，告诉ie浏览器使用的是edge。