day01

发布时间 2023-10-08 15:56:36作者: 齐嘉树

HTML

HTML:超文本标记语言

浏览器——谷歌

Web标准(W3C-标准化组织)

组成:结构 表现 行为

结构 网页元素 HTML
表现 外观 CSS
行为 交互 JS

HTML语法规范

**<!--<html> </html>-->**——成对出现:开始标签和结束标签:尖括号包含关键词

<!--<br />-->单标签(特殊)

标签关系——包含,并列

包含

<!--<html>-->

<!--<body>-->

<!--</body>-->

<!--</html>-->

并列

<head> </head>

<!--<body></body>-->

HTML基本结构标签

HTML HTML标签,根标签
head 文档头部,包含title
title 文档标题,网页标题
body 文档主体

开发工具

image-20230920101527742

DOCTYPE——文档类型声明标签

lang语言种类——en英文,zh-CN中文(告诉浏览器这是一个英文网站)

charset——字符集,采用UTF-8保存文字

标签语义——标签的含义

标题标签h1-h6双标签

段落标签——p双标签

换行标签——br单标签

段落标签中间间距较大,换行较小

文本格式化标签——粗体,斜体或下划线

加粗 strong或b
倾斜 em或i
删除线 del或s
下划线 ins或u

div和span标签——无语义,相当于一个盒子

div——大盒子,独占一整行

span——小盒子

图像标签和路径——img单标签

src 图片路径 必须属性
alt 文本 替换文本,图像不能显示
title 文本 提示文本,鼠标放在图像上显示的文字
width 像素 图像的宽度
height 像素 高度
border 像素 边框粗细

相对路径和绝对路径

相对路径:图片相对于HTML页面的位置

绝对路径:电脑中的路径

注意:相对路径/////;绝对路径\\

超链接

image-20230920102416749

外部链接:http://www.baidu.com

内部标签:

锚点链接

注释标签

ctrl+/

特殊字符

image-20230920102446785