爬虫之旅（2）——网页知识储备html、css及js

HTML:超文本标记语言

标记（标签）：、#结束标志

内容放在标签对当中

#让浏览器识别为HTML文件

#把编码设置为UTF-8，设置语言

这里是标题

这是我的第一个网页

1.HTML基础标签

head、body

2.HTML标题

….等标签进行定义，字体由大到小

3.HTML段落

标签定义段落另起一行

hahahaha

换行

4. HTML链接

标签定义链接

百度超链接

5.HTML图像

标签定义图像

HTML属性

1.标签可以拥有属性为元素提供更多的信息

2.属性以键/值对的形式出现

3.常用标签属性：

:align对其方式哈哈

:bgcolor背景颜色background设置背景图片

：target规定在何处打开连接target “_blank”在新的页面打开

4.通用属性：

class:规定元素的类名

id:规定元素位移ID

style:规定元素的样式

title:规定元素的额外信息

HTML样式

1.三种样式表：

外部样式表：

内部样式表:

body（样式的修饰对象）

p

对于div中的某一ID的样式修饰

div#id名字

div内容（可以嵌套多个）

内联样式表：

HTML链接

1.链接数据：

2.属性：

href属性：指向另一个文档的链接

name属性：创建文档内的链接hello

跳转到hello

3.img标签属性：

alt:替换文本属性

width：宽

height：高

HTML格式化

HTML表格

HTML列表

1.无序列表

使用标签：

,

属性:disc,circle,square(列表前的标签形状)

contentEditable（可编辑列表）

1

2

3

2.有序列表

使用标签：,

属性：A,a，l，i，start(前面的序号，start=”10”即从10开始)

1

2

3

3.嵌套列表

使用标签：

,,

1

a

b

2

3

4.自定义列表

使用标签：,,

123

hahah

HTML块

1.HTML块元素

块元素在显示时，通常会以新行开始

如：,

,

2.HTML内联元素

内联元素通常不会以新行开始

如：,,

3.HTML

元素

元素也被成为块元素，其主要是组合HTML元素的容器（主要配合CSS样式使用

）

4.HTML元素

元素是内联元素，可作为文本的容器

tp.

使用

元素布局

利用内部样式表，设置不同块的大小，颜色，位置（float）

使用元素布局

HTML表单

1.表单用于获取不同各类型的用户输入

用户名：

密码：

2.常用表单（可查）

1、复选框

你喜欢的水果有？

苹果

香蕉

橙

2、单选按钮

您的姓别？

男

女

3、下拉列表

1

2

3

4、文本域

请填写个人信息

5、创建按钮

PHP环境搭建

下载xampp

HTML框架

1.框架标签（frame）：

框架对于页面的设计有着很大的作用

内联框架

这里是标题

层层嵌套，配合标签中的target=”_self、_blank、_parent、_top”能够在页面中引用网站

2.框架集标签（）

HTML背景

1.背景标签：Background

2.背景颜色：Bgcolor

3.颜色：颜色是由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）

颜色的最小值：（#00）

颜色的最大值：255（#FF）

红色：#FF0000

绿色：#00FF00

蓝色：#0000FF

HTML实体

即转义符号

nav元素：

nav元素是一个可以用作页面导航的连接组，其中的导航元素链接到其他页面或当前页面的其他部分。并不是所有的连接组都要被放进nav元素，只需要将主要的、基本的连接组放进nav元素即可。

nav元素应用场景：

传统导航条

侧边栏导航

页内导航

翻页操作

#让浏览器识别为HTML文件

#把编码设置为UTF-8，设置语言

淘宝

搜索引擎

购物网站

小故事

卖火柴的小女孩

农夫与蛇

计算机语言

c++,python,c,r,c#

第二部分

第二部分内容

百度

淘宝

hao123导航

搜狗导航

aside元素：

aside元素用来表示当前页面或文章的附属信息部分，它可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条，以及其他类似的有区别于主要内容的部分。

header元素

header元素是一种具有引导和导航作用的结构元素，通常用来防止整个页面或页面内的一个内容区块的标题，但是也可以包含其他内容，例如数据表格、搜索表单或相关的logo图片。

footer元素