HTML笔记(2)
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了。
相关文章
- html笔记
- 怎么html文字下划线,HTML怎么设置下划线?html文字加下划线方法
- js把HTML转成对象,将js对象转换为html「建议收藏」
- html 转换为cshtml,使用Html而不是csHtml
- HTML基础第五课(冲浪笔记5)
- Tomcat在Java开发中的使用笔记
- Express入门笔记
- HTML学习笔记1
- Servlet学习笔记2
- (26)STM32——内部温度传感器笔记
- Pytest学习笔记5——Allure测试报告用例详细描述
- HTML之元素、属性、标题、段落【笔记小结】
- HTML之布局、表单、框架、颜色(笔记小结)
- Linux笔记10
- CMake学习笔记合集
- Redis list 类型学习笔记与总结
- 整理一下以前的Html+css3复习笔记详解编程语言
- MySql官方手册学习笔记1MySql简单上手
- php压缩HTML函数轻松实现压缩html/js/Css及注意事项
- Asp.net回调技术Callback学习笔记