前端基础知识点|青训营笔记

这是我参与「第四届青训营 」笔记创作活动的第2天 （3）图片的基本使用(body) 代码， src=""标签属性，src属性名，""属性值引号里面放照片 特点：单标签 注意：一个标签可以有多个属性，属性之间用空格隔开，标签名与属性之间必须以空格隔开 alt属性是替换文本，如果加载失败就会显示alt替换文本，如果加载成功了就不会显示加载替换的文本。 属性title 属性值：提示文本，当鼠标悬停时，才显示的文本。不仅仅用于图片标签。 weigh high （4）媒体标签 （i）图片标签（使用和属性） （ii）路径 绝对路径 相对路径：从当前文件出发去找目标文件的过程。有同级目录，下级目录，上级目录 （iii）音频标签 代码<audio src="./" controls（下面属性4选一）> src 音频的路径 controls显示播放的控件 autoplay自动播放 loop循环播放 （iiii）视频标签<video src="./video.mp4"controls（下面属性4选一)> （iv）链接标签 代码超链接 target 目标网页的打开方式 取值_self默认覆盖原来网页 _blank不覆盖，在新窗口跳转 二、HTML标签跟语义化 1、（1）列表 无序列表

ul是表示无序列表的整体，li标签表示无序列表的每一项 ul标签只允许嵌套li标签，li标签中可以嵌套任意内容 有序列表
ol属性表示有序列表的整体，li标签表示无序列表的每一项（用排名等） 自定义列表dl属性表示自定义列表的整体，用于包裹dt/dd标签 dt表示自定义类别的主题，dd表示自定义列表对主题的每一项内容 dd前会默认显示缩进效果 注意：dl标签只允许包含dt/dd标签 dt/dd标签可以包含任意内容 （2）表格 table表格整体，有包含多个tr tr表格每行，可用于包裹td td表格单元格，可以用于包裹内容 表格相关属性 属性名：border 属性值：数字 效果：边框宽度 属性名：width 属性值：数字 效果：表格宽度 属性名：height 属性值：数字 效果：表格高度