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了。