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 | 文档主体 |
开发工具
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页面的位置
绝对路径:电脑中的路径
注意:相对路径/////;绝对路径\\
超链接
外部链接:http://www.baidu.com
内部标签:
锚点链接
注释标签
ctrl+/
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现