HTML概述
HTML概念
语言规则
html中不区分大小写,但一般都使用小写。
html中的注释不能嵌套 `<!-- 注释内容 -->`
html标签必需结构完整,要么成对出现,要么是自结束标签。
html标签可以嵌套,但是不能交叉嵌套,必须相对位置对称。
html标签中的属性可以有值,且值必须加引号。(单引号双引号都可 多层嵌套的时候注意)
html的标签又称之为元素 / 节点
HTML基础结构
<!DOCTYPE html> document type 告知浏览器我是什么文档 方便浏览器解析
<html lang="en"> html 是所有标签的根节点 lang 语言
<head> head 头部标签 包含了大多数的不可见标签
<meta charset="UTF-8"> 编码格式 utf-8 gbk big5
<title>Document</title> tab 标签页标题
</head>
<body> 身体标签 包含了大多数可见标签 日后我们主要在写代码
</body>
</html>
</单词> 结束标签
HTML常见标签
基础标签
主要以图片、文本为主
1. 标题标签 h1-h6 字体加粗 字号随下角标增大而减小
2. 段落标签 p
3. div 块级标签 独占一行 布局喜欢使用
属性 contenteditable="true" 表示该标签可编辑 默认属性值是false
4. span 行级标签 不独占一行
5. img 图片标签
属性 src 路径 网络路径 相对本地路径
alt 当图片无法正常显示的提示文字
width 宽度
height 高度
6. a 超链接
属性
跳转页面 href 网络路径 相对本地路径
下载文件 download
7. 列表
无序列表 ul > li > a > 文字
有序列表 ol > li > a > 文字
8. 交叉包含
<a><img></a>
9. 辅助标签
<br> 换行标签
<hr> 横线