HTML
HyperText Mark-up Language(超文本标记语言)
标记出网页中的内容给浏览器解析
HTML的语法
注释
<!-- 注释内容 -->
用来对代码进行解释,给自己或者团队成员看!
文档声明
<!doctype html>
作用:告诉浏览器以标准模式解析代码!
标签
单标签
<标签名 /> <img /> <hr /> <br /> <input />
双标签
<标签名>内容</标签名> <h1>标题</h1>
属性
属于标签的一部分,作用是对标签进行一种补充
<标签名 属性名="值"></标签名> <h1 style="color:red"></h1> <img src="" width="200" style="width:100px">
主体结构
文档声明
HTML标签
head头
body体
title 标题
meta 设置字符集编码
编码不统一会导致中文乱码
1. 文件编码
2. meta标签设置编码
3. 浏览器设置编码
放在head头里面的标签
title 设置网页标题
meta 定义网页的元信息
属性:
charset 设置网页字符集,值一般设置为utf-8
content 定义其他属性相关的元信息
name 将content的值关联到一个名称
值:
author 设置网页的作者
keywords 设置网页关键字
description 设置网页描述
例:
<meta content="泷泽老师" name="author" />
http-equiv 设置http头部信息
值:
content-type 设置网页内容类型
refresh 设置页面自动刷新或者跳转
例:3秒后跳转到百度:
<meta content="3;url=http://www.baidu.com" http-equiv="refresh" />
link标签 设置外部文件与本文档的关系
作用:
1. 加载外部css文件
2. 加载标题栏的小图标
例:
<link rel="icon" href="小图标的地址">
放在body里面的标签
标题标签 h1~h6 h1最大,h6最小
段落标签 p
粗体标签 b
strong 表示重要,以粗体显示
斜体标签 i
em 表示强调,以斜体显示
sub 下标
sup 上标
按钮标签 button
bdo 可以修改文本的显示方向
属性: dir
值:rtl right to left 从右到左
ltr left to right 默认从左到右
del 删除标签,会在文本中间加横线
u 下划线标签,会给文本加下划线
time标签,定义时间
实体字符
在HTML里面,某些字符是预留的,预留的字符都有相对应的实体
空格
< 小于号 <
> 大于号 >
© 版权符号
无序列表 ul 前面的符号是实心小圆点
有序列表 ol 前面的符号是阿拉伯数字
li标签 定义列表项