#2022/11/8笔记
###HTML常用标签
####文本格式化标签
1.加粗:< strong > < /strong > 或 < b > < /b >
2.倾斜:< em > < /em > 或 <i i > < /i >
3.删除线:< del > < /del > 或 < s > < /s >
4.下划线:< ins > < /ins > 或 < u > < /u >
####< div >和< span >标签
1.< div >相当于大盒子,自己独占一行
2.< span >相当于小盒子,横向布局
####图像标签和路径(重点)
#####图像标签
1.图像标签< img src="图像名"/ >(单标签)
2.
类型|描述|作用
---|---|---
src | 图片路径|必须属性
alt |文本|替换文本。图像不能显示的文字
title|文本|提示文本。鼠标放到图像上,显示的文字
width|像素|设置图像的宽度
height|像素|设置图像的高度
border|像素|设置图像的边框粗细
#####路径
1.目录文件夹和根目录(打开文件的第一层为根目录)
2.相对路径( / )
(1)同一级 只需用src输入就行 如< img src="baidu.gif"/ >
(2)下一级 符号为/ 如< img src="images/baidu.gif"/ >
(3)上一级 符号为../ 如< img src="images../baidu.gif>
(4)如果是多层嵌套,那么就将符号重复即可 如< img src="images../../baidu.gif>
3.绝对路径( \ )
(1)可以把文件在文件夹里显示的路径直接复制到src后面
(2)可以把网络上图片的路径直接复制到src后面
####超链接标签(重点)
1.语法规范
如<a href="跳转目标"target="目标窗口的弹出方式" > 文本或图像 < /a >
_self为默认值,在当前窗口打开;_blank为在新窗口中打开方式
2.链接分类:
(1)内部、
(2)外部、
(3)空链接(< a href="#">)、
(4)下载链接、
(5)网页元素链接、
(6)锚点链接(快速到达页面的某一位置;设置属性值为“#名字”,在标题“h1~5”后面加上“id=‘名字’”)
###HTML中的注释和特殊字符
####注释
< !--注释标签-- > 快捷键:Ctrl+/ 相当于只给程序员看的,页面里看不到
####特殊字符
![特殊字符](E:\Visual Studio Code\Markdown\zifu.png)
(PS:上面那个“特殊字符”有一个笔记,本来要输入网址的,无奈太长了(*´□`σ)σ,然后改成了文件夹内的绝对路径,图片是截图来的)
今天继续学习进度,加油!٩͡( 。ớ ₃ờ)۶