HTML入门笔记
今天学的HTML基础稍微整理了一下我的笔记直接开始分享一.HTML文档骨架每个HTML文件都离不开基本架构html langen head meta charsetUTF-8 title页面标题/title /head body 页面内容写在这里 /body /html注意meta charsetUTF-8用于避免中文乱码title里的内容会显示在浏览器标签页上。二.注释快捷键是CTRL/注释语法!-- 这是注释 --注意别在感叹号后面多加\或其他符号否则可能被解析为转义字符。三.插入图片1.绝对路径img srcC:/Users/Administrator/Pictures/Screenshots/屏幕截图 2026-04-20 104727.png2.相对路径img src./logo.png altlogo图片知识点alt属性在图片加载失败时会显示文字。./表示当前目录../表示上级目录。四.超链接三种情况!-- 1. 跳转到百度 -- a hrefhttp://www.baidu.com跳转1/a br !-- 2. 阻止默认行为点击不跳转 -- a href#跳转2/a br !-- 3. 打开新的标签页显示第一个HTML文件 -- a href./第一个HTML.html target_blank跳转3/a注意targetblank实际上会打开名为blank的窗口正确的写法是target_blank下划线五.音频与视频1.音频audio src音频的URL/audio没有加controls的话页面上看不到播放器所以通常写audio src... controls/audio。2.视频video controls loop autoplay src视频的URL/video属性作用controls显示播放/暂停/进度条等控件loop循环播放autoplay自动播放现代浏览器可能需配合 muted六.列表1.有序列表ol li列表1/li li列表2/li /ol2.无序列表ul li第一项/li li第二项/li /ul3.描述列表dl dt列表标题/dt dd列表描述/详情/dd /dldt(description term) 表示术语或标题dd(description description) 表示描述或内容七.总结整理这份笔记最大的收获不是记住了标签而是意识到“眼高手低”多可怕。图片路径写绝对还是相对ul后面直接跟文字对吗视频加autoplay真的自动播放吗这些细节光看记不住必须动手试。以后学新知识先写再说用报错来教自己比背文档管用十倍。