html复习

文章目录

结构标签

html文件的基本结构为:

html 复制代码
<!DOCTYPE html>
<html lang="zh-CN">
<head> </head>
<body> </body>
</html>

head标签部分一般放相关设置内容,页面显示的内容是在body中编写,在body标签中body被一些标签划分成有结构的部分。

html 复制代码
<body>
    <header>头部</header>
    <div>
        <main>主要部分</main>
        <aside>次要部分</aside>
    </div>
    <footer>尾部</footer>
  </body>

其他结构标签
h1~h6:加粗标题

section:划分文档中的一个独立部分 ,一般包含一个h标题和一p段等。

article:划分文档中的文章部分,一篇文章又可包含多个section部分。

p:块级元素,表示文本的一个段落。

div:是一个无实义容器标签,将文档分区。

内容标签

ol+li:ol即ordered list,li即list-item。该组合是编写有序列表内容的。ol标签为列表,li标签为列表项。ol中只能有li列表项,列表项中才能写内容 。

ul+li:ul即unordered list,与ol相对应的无序列表。

dl+dt+dd:dl即description-list描述列表,dt即description-term写描述的对象是谁,dd即description-data对该对象的描述内容

pre:html默认多个空格或tab或回车都显示为一个空格,添加pre标签包裹内容可以保留多个空格、tab、回车等样式。

code:code标签是用来包裹代码片段的,代码的字母一般是等宽的,如不加code,字母不等宽,代码不好看。用pre+code写代码片段。

hr:水平分割线

br:br即break,换行。

em:em即emphasis强调的意思,可用于强调一句话中的某个词,显示样式为斜体,样式可改。

strong:给一句话加上Strong表示该句是重点,显示样式为加粗,样式可改。

quote:内联引用,如果想换行用块行引用,即用blockquote标签

相关推荐
前端摸鱼匠20 分钟前
Vue 3 的v-bind合并行为:讲解v-bind与普通属性合并的规则
前端·javascript·vue.js·前端框架·ecmascript
REDcker42 分钟前
浏览器端Web程序性能分析与优化实战 DevTools指标与工程清单
开发语言·前端·javascript·vue·ecmascript·php·js
donecoding2 小时前
一个 sudo 引发的血案:npm 全局包权限错乱彻底修复
前端·node.js·前端工程化
风骏时光牛马2 小时前
Raku正则匹配与数据批量处理实操案例
前端
nbwenren2 小时前
2026实测:Gemini 3 镜像站视觉能力实践——拍照原型图,一键生成 HTML+CSS 代码
前端·css·html
Lee川2 小时前
Prisma 实战指南:像搭积木一样设计古诗词数据库
前端·数据库·后端
jinanwuhuaguo3 小时前
(第二十九篇)OpenClaw 实时与具身的跃迁——从异步孤岛到数字世界的“原住民”
前端·网络·人工智能·重构·openclaw
广州华水科技3 小时前
深度测评2026年单北斗GNSS位移监测系统推荐,与高口碑变形监测设备一同引领行业新风尚
前端
Alice-YUE4 小时前
【js高频八股】防抖与节流
开发语言·前端·javascript·笔记·学习·ecmascript