前台解析html标签,前端知识HTML常用标签

什么是结构 表现 行为

html 用于描述页面的结构

css用于控制页面中元素的样式

javascript用于响应用户操作

html 超文本标记语言 负责三个要素中的结构

一个最基本的HTML页面：

Document

html标签

HTML中的标记指的就是标签。

HTML使用标记标签来描述网页。

标签内容标签名>

一级标题

我是一个段落

p也是一个元素，em是p的子元素，p是

em的父元素。

内容

html5

声明

怪异模式

为了兼容一些旧的模式，浏览器设置了两种解析模式

标准模式

怪异模式

避免的最好方法就是页面设置正确的doctype

编码问题

字符集

常见的字符集：askll iso8859 gbk gb2312 utf8

乱码

需要统一的字符集解决乱码问题为了页面更好的使用性一般使用utf8

在html5中需要使用meta标签即可

meta的用法

设置页面的字符集

设置网页的描述

设置网页关键字

请求的重定向

常用标签

标签用于告诉浏览器这个文档中包含的信息是用于html编写的

里面有两个子标签head和body

一个网页只能有一个head

标签表示网页的标题，一般会在网页的标蓝上显示

将title标签紧贴着head标签编写,这样搜索引擎可以快速检索标题标签

~

都是用于表示网页中的一个标题的，从h1h6重要性越来越低。

标签表示网页中的一个段落

标签表示一个换行标签标签是水平线标签

标签是图片标签

属性

src指向一个外部图片的路径

alt图片的描述

标签是超链接标签,通过a标签可以快速跳转到其他页面

属性

href指向一个链接地址

target

设置打开目标页面位置，可选值：black新窗口，self当前窗口

实体

语法：&实体名

小于号<

– <

• 大于号>

– >

• 空格

–

• 和符号&

– &

版权©

– ©

• 引号”

– "

• 注册商标®

– ®

• 商标™

– ™

css

层叠样式表

css可以用来为网页进行装饰

所谓叠层，就是可以将网页一层一层的结构，

基本语法

css

选择器{样式名：样式值；样式名：样式值；}

p{color;font-size:12px;}

行内样式

内部表样式

p{color:red;font-size:30px;}

外部样式表