html 的全称为 "Hyper Text Markup Language"HTML 是超文本标记性语言.
HTML 前端三大模块: 1.HTML(结构)
2.CSS(样式 -- 层叠表)
3.JavaScript(行为动效) 是一种脚本语言.
HTML 的基本结构
文档 类型
↓ ↓
- <!DOCTYPE HTML>
- <HTML>
- ← 根标签 开始标签 (双标签)
- <head>
- ← 头部标签 (双标签)
- <meta charset="UTF-8">
↑ ↑ ↑
设置标签 编码 中文
- <title>
- xx
- </title>
- ← 标题标签 (双标签 -- 相当于人的眼睛)
- </head>
- <body>
- ← 身体标签 (双标签)
- </body>
- </head>
- ← 结束标签 -- 闭合标签 (双标签)
标签的三大分类
1. 块级元素: 默认占整行, 可设宽高, 但还是占整行. 如 (div)
2. 行内块元素: 不默认占整行, 宽高可设, 自身内容决定宽和高. 如 (img)
3. 行内元素: 不默认占整行, 宽高不可设, 自身内容决定宽和高. 如 (button b)
样式引入方式
1. 行内样式: 开始标签标签里面写, style=""
2. 内部样式: head 标签引入 style 标签.
class 和 id 的区别?
1.class: 类型, 不具有唯一性.
2.id: 身份名, 具体, 唯一性.
网页文字要考虑随什么?
1. 字体大小
2. 字体颜色
3. 字体加粗
4. 上下左右居中
网页包括?
1. 标签 2. 图片 3. 超链接
HTML 图片引入格式
<img src ="img/xxx.jpg"/>
↑ ↑ ↑
图片 路径 图片地址
CSS 样式表引入格式
<link rel ="stylesheet" href="CSS/style.css"/>
↑ ↑ ↑ ↑ ↑
外部引入 定义链接 样式调用 引入路径 表单地址
三大类型标签可互相转换
1.display:block 转换为块级元素
2.display:inline-block 转换为行内块元素
3.display:inline 转换为行内元素
来源: http://www.bubuko.com/infodetail-2862590.html