2022/11/8笔记

#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：上面那个“特殊字符”有一个笔记，本来要输入网址的，无奈太长了(*´□`σ)σ，然后改成了文件夹内的绝对路径，图片是截图来的）

 

今天继续学习进度，加油！٩͡( ｡ớ ₃ờ)۶