day2 html

认识网页

文字、图像、超链接组成、视频音频、flash

常见浏览器介绍

浏览器内核（面试会问）

Web标准（重点)

浏览器内核不同，解析的页面会不同

因此使用一套标准来规范浏览器解析

Web标准的好处

1. web发展更广阔

HTML

Hyper text markup language(超文本标记语言)

对文本 图片声音进行描述

HTML骨架模式

html 是所有标签的节点

head 标签 用于存放 title meta base style script link

title 展示页面标题

body标签 页面的主题部分，

HTML标签分类

1. 双标签

   有闭合标签的为双标签

2. 单标签

   
   

   ---

   之类的

HTML标签关系

+>^

嵌套 同级

<meta charset="UTF-8">

不会出现乱码问题

gb2312 简体中文 六千多 个汉字

BIG5 繁体中文

GBK（扩展） 兼容GB2312，同支持繁体字

UTF-8 包含所有语言，全世界用的字符

HTML标签的语义化

指标签的含义

语义化标签的作用

1. 方便阅读和维护
2. 让浏览器和爬虫更好的解析，可以分析到更优质的数据
3. 为搜索引擎提供优化

HTML标签（*）

排版标签

就是一些骨架标签

<h1></h1><h2></h2>......<h5></h5>

h1标签很重要 ，所以少用 ，一般用于logo或标题

段落标签

<p></p>

html中最常见的标签，默认情况下，文本根据我们浏览器的大小来进行换行

水平线标签

<hr/>

div span 标签（重点

<div>
</div>
<span></span>

division 分隔

span 范围

文本格式化标签

加粗 b 或者 strong 推荐用strong

斜体

下划线

图像标签img

<img src="。。。。" alt=""/> 

src中输入显示图像的URL

alt 规定图像的代替文本

标签属性

样式属性 width height

class id

type

格式 key = ‘value’

连接标签（重点)

<a></a>

anchor 铁锚

href 跳转目标 （打开的地址 也可输入.id

target 跳转目的 （超链接打开的方式 _blank _parent _self …

锚点定位

在href 中输入锚点的id

sublime快捷键

​ ctrl+shift+ D 复制

​ ctrl+k 快速删除

base标签

可以为页面上的所有链接规定默认地址或默认目标（target）。

特殊（转义）字符（理解）

空格 &nbps

注释标签

<!--注释语句-->

路径（重点，难点)

相对路径 上一级加… 下一级直接打文件夹名 本地直接打文件名

绝对路径： 就是直接的地址

无序列表 ul (重点)

<ul>
	<li>1</li>
</ul>

• 1

有序列表

<ol>
    <li>Coffee</li>
    <li>Milk</li>
</ol>

自定义列表

dl

a标签

超链接

锚点

Table

tr 行

td 列

<table>
	<tr>
		<td></td>
	</tr>
</table>

form

action 提交目的地

method get post

get 参数在地址栏（请求头)

post 参数放在请求体内

input

​ type :

​ text 普通文本

​ password 密码

​ submit 提交

​ reset 重置

​ radio 单选

​ checkbox 多选‘

​ email 邮箱