HTML-01(pink老师课程笔记)

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

posted @   齐嘉树  阅读(27)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示