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+/