## HTML基础-常见标签

## HTML基础-常见标签

# hr标签

# -->

# img标签

# br标签

# p标签

# a标签

# base标签

# 假链接

# 锚点

---

跟有什么区别?

-html标准和xhtml标准

如何自动在内容前后加上<>标签

-快捷键command+alt+T

HTML只给文本添加语义而不修改它的样式

img标签格式

src:source;

img标签自带属性

width:

height:

src:

alt:

注意点:

-和H系列标签/p标签不同img标签不会独占一行

-img如果不设置宽高,默认是图片原有的宽高

-如果想要图片按照原有宽高等比例缩放,可以只设置图片的宽度或者高度

title:用于告诉浏览器,当鼠标悬停在图片上时,需要弹出描述框中的内容

alt:占位文字,如果图片无法显示,则会显示该占位文字

如何在HTML中换行

1.br标签作用:换行

2.br标签格式:

3.br标签的注意点:

-可以用多个换行多次换行

-br标签的语义是另起一个段落换行,企业开发中很少使用

p标签

路径问题

-给src属性赋值有两种方式

1.通过相对路径赋值

-同级

就是每次都从.html文件夹开始查找

格式:src=“QRCode.jpg”

含义:在.html文件所在的文件夹中查找文件名为QRCode.jpg的图片

-下级

格式:src=“images/QRCode.jpg”

含义:在.html文件所在的文件夹中找到明恒叫做images的文件夹

-上级

上级就是存储图片的位置和存储代码的文件夹在同一文件下

格式:

含义:

2.通过绝对路径赋值(了解)

-绝对路径就是通过指定的盘符开始查找

注意:

-路径中不要出现中文,否则可能出现一些未知错误

-相对路径不能跨盘符查找

练习:

-路径练习

什么是a标签?

-a标签的作用:就是用于控制页面与页面之间跳转的

a标签的格式:需要展现给用户查看的内容

注意点:

1.a标签不仅可以让文字可以点击,也可以让图片可以点击

2.一个a标签一定要有一个href属性,否则a标签不知道该跳转到哪个页面

3.如果通过a标签的href属性指定一个url地址,那么必须在地址前面加上http://或者https://

a标签中有一个target属性,这个属性的作用就是专门用于控制如何跳转

_self:在当前选项卡中跳转

_blank:新建选项卡跳转

a标签中的title属性

-跟img标签中的title属性一样,用于鼠标悬停的时候展示给用户查看的内容

base标签

-base标签就是专门用来统一指定当前网页中所有的超链接(a标签)需要用何种方式打开

注意点:

1.base标签必须写在head标签的开始标签和结束标签之间

2.如果在base中指定了打开方式,又在a标签中指定了打开方式,则以a标签的来执行

什么是假链接

-点击之后不会跳转的链接

假链接存在的意义

-在企业开发的前期,其他界面都没有写出来,那么我们就不知道应该跳转到什么地方,所以就只能使用假链接来替代

假链接的格式

1.#

2.javascript:

两者之间的区别:

#的假链接会自动回到网页的顶部,而javascript:的假链接不会自动回到网页的顶部

锚点

在HTML中,每一个标签都有一个名称叫做id的属性,这个属性就是用来给标签指定一个独一无二的身份证号码

要通过a标签跳转到某个指定的位置分为两步

1.给目标位置指定一个id属性

2.告诉a标签要跳转的位置对应的id

格式:

跳转到中部

我是中部

注意点:

1.通过a标签跳转到指定的位置,是没有过渡动画的

2.a标签除了可以跳转到当前界面指定的位置以外也可以跳转到其他页面的指定页面

格式:

我是底部

跳转到锚点测试界面的底部

----自己添加

font标签

属性:

face:字体