爬虫之旅(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元素

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181111G0IK8F00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券