HTML笔记(2)

2022-09-20 19:12:02 浏览数 (1)

HTML学习笔记(2)

今天是学习的第二天,但是一直在上课,所以没学多少,还是趁着上课偷偷学的。

学习笔记:

<div>和<span>标签

div是division的缩写,表示分割、分区 (div是块级标签)。

span的意思是跨度、跨距 (span是行级标签)。

特点:

1.<div>标签用来布局,但是一行只能放一个,大盒子。

2.<span>标签用来布局,一行上可以有很多个span标签,小盒子。

图像标签和路径

<img>标签用于定义HTML页面中的图像,img是image的缩写。

src(source的缩写)是<img>的必要属性,它用于指定图像文件的路径和文件名。

图像标签的其他属性:

属性

属性值

说明

src

图片路径

必须属性

alt

文本

替换文本。图像无法显示时出现的文字

title

文本

提示文本。鼠标放在图像上显示的文字

width

像素

设置图像的宽度

height

像素

设置图像的高度

border

像素

设置图像的边框粗细

注意事项:

1.图像标签可以拥有多个属性,必须写在标签名后面。

2.属性之间不分前后顺序,标签名和属性,属性和属性之间必须用空格隔开。

3.属性采用键值对的格式,即key=“value”的格式,属性=“属性值”。

实践:(代码和在浏览器中效果展示)

高度和宽度一般只要调整一个就可以,他会自动根据比例缩放,而border在HTML中不常设置,会在CSS中设置,所以这里不展示了,以后会学的。

路径(前期铺垫知识)

目录文件夹:就是普通文件夹,里面存放我们做页面所需要的相关素材,比如HTML文件,图片等。

根目录:打开目录文件夹的第一层就是根目录。

今天就先学到这里,明天就要数学考试了唉...所以进度可能会慢,但是还是要抓紧学习!!!现在去学python了。

0 人点赞