html 基础查询

Posted 2021-05-22 /**serenity*/

基础标签

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">