html 基础查询

基础标签

2.1 标题标签

标题(header)标签用于显示页面的标题信息,既包含了格式信息,
同时提供了语义信息

<h1>-<h6>

 

2.2 段落标签

段落paragraph)标签标示页面的一个段落,自动换行。

<h3>登鹳雀楼</h3>
<p>白日依山尽,</p>
<p>黄河入海流;</p>
<p>欲穷千里目,</p>
<p>更上一城楼。</p>

 

2.3 链接标签

链接标签<a>的作用是跳转,包括页间跳转和页内跳转。

(1)页间跳转

<a href="http://www.runoob.com" target="_blank" title="我真的很菜!">菜鸟网</a>

 

href属性指定链接的目标URL地址

target属性指定打开目标页面的方式,其取值包括

_self:在当前页面中打开,默认;

_blank:在新的页面中打开;

_parent:……

_top:……

title属性指定提示信息

2)页内的跳转

在目标标签处指定id="……",在链接处指定href="#……"

id属性是页面元素的唯一标识

“锚点”:anchor

2.4 图片标签<img>

在网页中嵌入图片

src属性source,图片资源的URL地址,可以是本地的,也可以是远程的。

<img src="月河街.jpg">

 

<img src="https://youimg1.c-ctrip.com/target/100m090000003n6a32DF4.jpg">

alt属性alternative(可替代的),即当资源不存在时,替代显示的文字内容。

路径:

相对路径

绝对路径

".."表示上一级目录

"."表示当前目录

在同一级目录:

<img src="p1.jpg">

在上一级目录

<img src="../p1.jpg">

在下一级目录:

<img src="pic/p1.jpg">

posted @ 2021-05-22 19:45  /**serenity*/  阅读(180)  评论(0)    收藏  举报