前端知识HTML常用标签
什么是结构 表现 行为
html 用于描述页面的结构
css用于控制页面中元素的样式
javascript用于响应用户操作
html 超文本标记语言 负责三个要素中的结构
一个最基本的HTML页面：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>
<p></p>
</h1>
</body>
</html>
html标签
HTML中的标记指的就是标签。
HTML使用标记标签来描述网页。
<标签名>标签内容</标签名>
<h1>一级标题</h1>
<p>我是一个<em>段落</em></p>
p也是一个元素，em是p的子元素，p是
em的父元素。
<body>
<p><em>内容</em></p>
</body>
<!--注释 -->
html5
<!doctype html> 声明
怪异模式
为了兼容一些旧的模式，浏览器设置了两种解析模式
标准模式
怪异模式
避免的最好方法就是页面设置正确的doctype
编码问题
字符集
常见的字符集：askll iso8859 gbk gb2312 utf8
乱码
需要统一的字符集解决乱码问题为了页面更好的使用性一般使用utf8
在html5中需要使用meta标签即可
<meta charset='utf-8' />
meta的用法
设置页面的字符集
<meta charset='utf-8' />
设置网页的描述
<meta name='description' content=''>
设置网页关键字
<meta name='keyword' content=''>
请求的重定向
<meta http-equiv='refresh' content='5:url='地址' />
常用标签
<html> 标签用于告诉浏览器这个文档中包含的信息是用于html编写的
<html>里面有两个子标签head和body
<head>
<head> 表现网页的元数据
一个网页只能有一个head
<title>标签表示网页的标题，一般会在网页的标蓝上显示
将title标签紧贴着head标签编写,这样搜索引擎可以快速检索标题标签
<body>
<body>标签用来设置网页的主题，所有页面都应该编写到body标签里面，
<body>作为html子标签来使用
<h1>~<h6>
<h1><h6>都是用于表示网页中的一个标题的，从h1h6重要性越来越低。
<p>
<p>标签表示网页中的一个段落
标签表示一个换行标签
标签是水平线标签
<img>标签是图片标签
属性
src指向一个外部图片的路径
alt图片的描述
<a>
<a>标签是超链接标签,通过a标签可以快速跳转到其他页面
属性
href指向一个链接地址
target
设置打开目标页面位置，可选值：black新窗口，self当前窗口
实体
语法：&实体名
小于号<
– <
• 大于号>
– >
• 空格
–
• 和符号&
– &
版权©
– ©
• 引号”
– "
• 注册商标®
– ®
• 商标™
– ™
css
层叠样式表
css可以用来为网页进行装饰
所谓叠层，就是可以将网页一层一层的结构，
基本语法
css
选择器{样式名：样式值；样式名：样式值；}
p{color;font-size:12px;}
行内样式
<p style='color:red;font-size:30px'></p>
内部表样式
<style>
p{color:red;font-size:30px;}
<style>
外部样式表
<link rel='stylesheet' type='text/css' href='style.css'>
