html5 黑马 02. 标签学习

排版标签 标题标签 <h1> 标题 </h1> 这样的就是标题标签,只有 1-6 这6级标签,1级最大,6 级最小. vs code 中使用 可以先输入 h1 再使用 tab 进行补完 在标题行上 ctrl c ctrl v 就可以复制粘贴这一行标签了。 如果需要把 h1 标签改为 h6 标签,只需要先选中 1, 然后 ctrl d 就会自动选中本行下一个 1, 这样只需要修改一处,其他选中的也会被一起修改 段落标签 <p> </p> 这个是段落标签。 如果段落太长,在 vs code 中不方便查看,可以 查看 -> 自动换行。 段落之间,有行间隙 换行标签 <br> 水平线标签 <hr> 文本格式化标签 格式化标签有短标签,也有长标签,作用是一样的。但是长标签用于对内容进行强调,方便后期的维护识别。 短 长 作用 b string 加粗 u ins 下划线 i em 倾斜 s del 删除线 媒体标签 图片标签 <img src="" alt="" title="" width="" height=""> 属性 作用 src 图片路径 alt 图片加载失败时,替换用的文本 title 鼠标在图片上悬停时,显示的文字 width 宽 height 高 标签名和属性间有空格,属性间也有空格。...

2023-04-05 · 1 min · 161 words · RamLife

html5 黑马 01. 基础介绍

基本概念 web 标准 html: 结构,主要是页面中的元素和内容 css: 表现,主要是用来调整元素的外观和位置等样式 js: 行为,主要是用于页面交互 初体验 整体骨架 <html> <head> <title>标题</title> </head> <body> 内容 </body> </html> head 中的 title 是标题,也就是网页标签显示的文字。 body 中的是实际网页显示的内容 ide vs code 提供的快捷键如下: 快捷键 作用 ! 快速生成默认的骨架代码 alt + b 打开默认浏览器,鼠标右键也可以选择 ctrl + / 注释 语法规范 注释 <!-- 注释 --> 标签构成 双标签: <b> </b> 这样的,都是需要有开始,有结束的。 单标签: <b>, <hr> 这两个一个是换行,一个是水平线,不需要范围 参考: 前端开发入门教程,web前端零基础html5 +css3+前端项目视频教程

2023-04-05 · 1 min · 58 words · RamLife