a标签其余性质,常用标签

By admin in 4858美高梅 on 2019年4月2日

四.a标签的href属性除了能够钦点2个互连网地址以外,还足以钦定三个地点地址

img路径难题注意点:
1.在商行开发中集合使用反斜杠路径/
因为在大部操作系统中的路径都以反斜杠。
二.商行开发中貌似不接纳相对路径。

<html>
<head>
<!– 消除乱码,告诉浏览器 当前文书档案类型和编码 –>
<meta http-equiv=”Content-Type” content=”text/html;
charset=UTF-8″>
<title>Insert title here</title>
</head>
<body>
<!–
a标签: anchor锚
一.超链接 -> 点击之后跳转页面
格式: 协议名+资源
)
mailto : xx@itcast.cn 发送邮件
thunder: 迅雷下载
QQ:
旺旺:
2.锚 => 在现阶段页面中跳转例如:回到顶部 ==> 使用正是锚.
一>做三个锚标记,使用a标签的name属性钦定锚点名称. <a name=”abc”
>那是顶部</a>
二>跳转到锚标记,使用href属性钦点要跳转到的锚点.<a href=”#abc”
>回到顶部</a>

  1. 导入
    from bs4 import BeautifulSoup
  • a标签中还有贰个性子,叫做title,a标签中的title和img标签中的title1样,都以用来支配鼠标悬停时显示的提示文本的

a标签:用于控制页面和页面之间的跳转
格式:<a href=”跳转的网站”>文本、图片</a>
<a href=”www.baidu.com”>百度时而</a> 文本跳转

a标签中的属性
href属性: 跳转的财富名 或 锚点名称
name属性: 定义锚点时,内定锚点名称.
target属性: 针对财富跳转时使用.
该属性不钦定==> 在当前页面打开.
_blank : 在空白页打开.

我们创制三个字符串,前面包车型大巴例证大家便会用它来演示
  1. html = “””
  2. <html><head><title>The Dormouse’s
    story</title></head>
  3. <body>
  4. <p class=”title” name=”dromouse”><b>The Dormouse’s
    story</b></p>
  5. <p class=”story”>Once upon a time there were three little
    sisters; and their names were
  6. <a href=”” class=”sister”
    id=”link1″></a>,
  7. <a href=”” class=”sister”
    id=”link2″>Lacie</a> and
  8. <a href=”” class=”sister”
    id=”link3″>Tillie</a>;
  9. and they lived at the bottom of a well.</p>
  10. <p class=”story”>…</p>
  11. “””

a标签最完好的写法:

<a href=”美味的吃食文化”>

–>
<a name=”abc” >那是顶部</a>
<a href=”a标签其余性质,常用标签。” >百度</a><br/>
<a href=”0六-图形标签.html” target=”_blank”
>0陆-图形标签.html</a><br/>
<a href=”mailto:xxx@itcast.cn” >联系大家</a><br/>
<a href=”thunder://EF1陆EA1231二叁” >点击下载</a>
<img src=”haha (1).jpg” alt=”那是大长腿!” title=”那是大长腿
/><br/>
<img src=”haha (二).jpg” alt=”那是大长腿!” title=”那是大长腿

/><br/>
<img src=”haha (3).jpg” alt=”这是大长腿!” title=”这是大长腿
/><br/>
<img src=”haha (四).jpg” alt=”那是大长腿!” title=”这是大长腿

/><br/>
<img src=”haha (伍).jpg” alt=”那是大长腿!” title=”那是大长腿
/><br/>
<a name=”middle” ></a>
<img src=”haha (陆).jpg” alt=”那是大长腿!” title=”那是大长腿

/><br/>
<img src=”haha (柒).jpg” alt=”那是大长腿!” title=”那是大长腿
/><br/>
<img src=”haha (八).jpg” alt=”那是大长腿!” title=”那是大长腿

/><br/>
<img src=”haha (九).jpg” alt=”那是大长腿!” title=”那是大长腿
/><br/>
<img src=”haha (十).jpg” alt=”那是大长腿!” title=”那是大长腿

/><br/>
<a href=”#abc” >回到顶部</a>
<a href=”#middle” >回到中间</a>
</body>
</html>

创建 beautifulsoup 对象

  1. soup = BeautifulSoup(html)

<a href=”” target=”_blank”
title=”请点击,会跳转到百度首页”>百度</a>

4858美高梅 1

除此以外,我们还足以用地点 HTML 文件来创制对象,例如
  1. soup = BeautifulSoup(open(‘index.html’))

</a> 图片跳转

上边这句代码就是将地面 index.html 文件打开,用它来成立 soup 对象。上面大家来打字与印刷一下 soup 对象的情节,格式化输出
  1. print soup.prettify()

a标签的href属性除了能够钦定一个网页路径,还足以钦赐到本地的门径
<a href=”index.html”>相对路径跳转到本文件夹网页</a>

点名编码:当html为其余品类编码(非utf-8和asc ii),比如GB231二的话,则需求钦命相应的字符编码,BeautifulSoup才能科学解析。
  1. htmlCharset = “GB2312”

  2. soup = BeautifulSoup(respHtml, fromEncoding=htmlCharset)

  3. !/usr/bin/python

  4. – coding: UTF-8 –

  5. from bs4 import BeautifulSoup

  6. import re

  7. ##### 待分析字符串 :

html_doc = “””
<html>
<head>
<title>The Dormouse’s story</title>
</head>
<body>
<p class=”title aq”>
<b>
The Dormouse’s story
</b>
</p>

<p class=”story”>Once upon a time there were three little sisters;
and their names were
<a href=”” class=”sister”
id=”link1″>Elsie</a>,
<a href=”” class=”sister”
id=”link2″>Lacie</a>
and
<a href=”” class=”sister”
id=”link3″>Tillie</a>;
and they lived at the bottom of a well.
.</p>

<p class=”story”>…</p>
“””

html字符串创造BeautifulSoup对象 :
soup = BeautifulSoup(html_doc, ‘html.parser’, from_encoding=’utf-8′)

出口首个 title 标签 :
print soup.title

出口第1个 title 标签的竹签名称 :
print soup.title.name

出口第一个 title 标签的带有内容 :
print soup.title.string

输出第1个 title 标签的父标签的价签名称 :
print soup.title.parent.name

输出第3个 p 标签
print soup.p

输出第2个 p 标签的 class 属性内容 :
print soup.p[‘class’]

输出第三个 a 标签的 href 属性内容 :
print soup.a[‘href’]
””’
soup的性格可以被加上,删除或修改. 再说贰次,
soup的质量操作方法与字典1样
”’
修改第一个 a 标签的href属性为
http://www.baidu.com/
soup.a[‘href’] =
‘http://www.baidu.com/’

给第3个 a 标签添加 name 属性 :
soup.a[‘name’] = u’百度’

剔除第3个 a 标签的 class 属性为 :
del soup.a[‘class’]

输出第二个 p 标签的拥有子节点 :
print soup.p.contents

输出第3个 a 标签 :
print soup.a

输出全部的 a 标签,以列表格局显示 :
print soup.find_all(‘a’)

出口第叁个 id 属性等于 link三 的 a 标签 :
print soup.find(id=”link3″)

获取具有文字内容 :
print(soup.get_text())

输出第⑥个 a 标签的保有属性音讯 :
print soup.a.attrs

for link in soup.find_all(‘a’):
赢得 link 的 href 属性内容
print(link.get(‘href’))

对soup.p的子节点举办循环输出 :
for child in soup.p.children:
print(child)

正则匹配,名字中带有b的标签 :
for tag in soup.find_all(re.compile(“b”)):
print(tag.name)

import bs4#导入BeautifulSoup库
Soup = BeautifulSoup(html)#里头html 可以是字符串,也得以是句柄
急需注意的是,BeautifulSoup会自动物检疫查实验传入文件的编码格式,然后转向为Unicode格式
通过如上两句话,BS自动把文书档案生成为如上海教室中的解析树。

a标签跳转方式:
1.在时下选项卡跳转 target=”_self”
<a href=””
target=”_self”>百度消息</a><br />
二.剧增二个选用卡跳转 target=”_black”
<a href=””
target=”_blank”>百度新闻</a><br />

a标签的title属性:鼠标悬停时会显示提醒消息
<a href=”” target=”_self”
title=”跳转到百度资源音信平台”>百度消息</a><br />

技巧:
base成分:能够简化超链接属性设置
效率:专门用来归并钦点网页中具备的a标签
当3个网页下面很多超链接时,即便急需是各个链接跳转都新增一个选项卡,遵照平时的写法,是各样a标签都会写1个target=”_black”属性,这样劳顿又不可能担保代码不易。
于是,base元素很好的消除了这一难点。
<head>里面:
<base target=”_black”>

<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title></title>
<base target=”_blank” />
</head>
<body>
<h一>百度 – 全世界最大的普通话搜索引擎</h一>
<h贰>百度时而 你注知道</h二>
<a href=””
target=”_4858美高梅,self”>百度消息</a><br />
<a href=” />
<a href=” />
<a href=” />
<a href=””
target=”_self”>百度学术</a><br />
</body>
</html>

假链接:点击之后不会跳转的链接

javascript:
格式:
<a href=”#” target=”_self”>#会回去顶部</a>
<a href=”javascript:” target=”_self”>作者是假链接</a>

a标签的锚点:通过a标签跳转到当前网页的2个点名的职位,供给给a标签内定3个唯1的id号
留意:锚点的必要是确立在网页太长的状态下,要是是1荧屏能显得完的始末,锚点是从未此外意义的。
1对象标签添加id属性,钦命一个属性值
2属性值是绝无仅有的

<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title></title>

</head>
<body>
    <a href="#wx">下载微信客户端</a><br /><br /><br />
    <a href="#bd">下载百度客户端</a><br /><br /><br />
    <a href="#tb">下载淘宝客户端</a><br /><br /><br />
    <br />
    <br /> <!-- 此处 br 标签众多  -->
    <h2 id="wx">微信 - 全球最多中国人的聊天工具</h2>
    <br />
    <br />  <!-- 此处 br 标签众多  -->
    <h2 id="bd">百度 - 全球最大的中文搜索引擎</h2>
    <br />
    <br />  <!-- 此处 br 标签众多  -->
    <h2 id="tb">淘宝 - 全球最多的中国人购物网站</h2>
    <a href="#" target="_self">跳转到顶部</a>
</body>

</html>

a标签的壹种类跳转:
情景:A界面有 下载微信 微信介绍 查看评论,B界面 顶部为微信下载地址
中部为微信简介 底部为用户评价
急需:蛋蛋来到A界面,由于对微信不打听,想看看网络好友是如评价的

4858美高梅 2

html一流链接锚点B.png

4858美高梅 3

Paste_Image.png

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 美高梅手机版4858 版权所有