HTML(二)

一.常见元素-a元素

在网页中我们经常需要跳转另外一个链接,这个时候我们使用a元素

HTML<a>元素(或称锚(anchor)元素)

定义超链接,用于打开新的URL

a元素有两个常见的属性:

href:指定要打开的URL地址

也可以是一个本地地址

target:该属性指定在何处显示链接的资源.

_self:默认值,在当前窗口打开URL

_blank:在一个新的窗口中打开URL

锚点链接可以实现,跳转到网页中的具体位置

锚点链接有两个重要步骤:

在要跳到的元素上定义一个id属性

定义a元素,并且a元素的href指向对应的id

    <a href="#one">主题1</a>
    <a href="#twoe">主题2</a>
    <a href="#three">主题3</a>



    <h1 id="one">hhhhhh</h1>

a元素-图片链接

 <a href="./01.新闻网页案例.html" target="_blank">
        <img src="./images/bg1.png" alt="">
    </a>

a元素-其他URL地址

指向链接:zip压缩包(会下载压缩包)

指向其他协议地址:mailto

二.iframe

可以在网页中嵌套另一个网页

framborder属性:

用于规定是否显示边框

1:显示

0:不显示

a元素target的其他值

_parent:在父窗口中打开URL

_top:在顶层窗口中打开URL

需要和iframe进行结合

三.div元素/span元素的历史

在HTML中有两个特殊的元素div元素,span元素:

div元素:division,分开,分配的有意思

span元素:跨域,涵盖的意思

div和span元素都是"纯粹的"容器,也可以把他们理解成"盒子",他们都是用来包裹内容的;

div元素:多个div元素包裹的内容会在不同的行显示;

一般作为其他元素的父容器,把其他元素包住,代表一个整体.

用于把网页分割为多个独立的部分

span元素:多个span元素包裹的内容会在同一行显示;

默认情况下,跟普通文本几乎没差别

用于区分特殊文本和普通文本,比如用来显示一些关键字

不常用元素

strong元素:内容加粗,强调:

通常加粗会使用css样式来完成:

i元素:内容倾斜;

通常斜体会使用css样式来完成.

开发中偶尔会用它来做字体图标(因为看起来像是icon的缩写)

code元素:用于显示代码

偶尔会使用用来显示等款字体;

br元素:换行元素

开发中已经不适应

四.HTML全局属性

常见的全局属性如下:

id:定义唯一标识符(ID),该标识符在整个文档中必须是唯一的.其目的实在链接(使用片段标识符),脚本或样式(使用CSS)时标识元素

class:一个以空格分隔的元素的类名/(classes)列表,它允许CSS和javascript通过类选择器或者DOM方法来选择和访问特定的元素

style:给元素添加内联样式

title:包含标识与其所属元素相关信息的文本.这些信息通常可以作为提示呈现给用户,但不是必须的

五.字符实体

我们编写的HTML代码会被浏览器解析