当前位置: 首页 > news >正文

HTML详解

1. 文档结构标签

  • <!DOCTYPE html>:声明文档类型,告诉浏览器这是一个HTML5文档。
  • <html>:HTML文档的根元素,包含整个HTML文档。
  • <head>:包含文档的元数据(metadata),如标题、样式、脚本等。
  • <title>:定义文档的标题,在浏览器标签栏显示。
  • <body>:包含文档的主体内容。

2. 文本格式化标签

  • <h1><h6>:定义六个级别的标题,<h1>级别最高,<h6>级别最低。
  • <p>:定义一个段落。
  • <br>:插入一个换行符。
  • <hr>:插入一个水平线(水平分割线)。
  • <strong>:定义重要的文本,通常显示为粗体。
  • <em>:定义强调的文本,通常显示为斜体。
  • <small>:定义小号文本。
  • <blockquote>:定义一个长的引用。
  • <q>:定义一个短的引用。
  • <cite>:定义引用的来源。
  • <code>:定义计算机代码片段。
  • <pre>:定义预格式化文本,保留空格和换行。

3. 链接与图片

  • <a>:定义一个超链接,可以链接到另一个网页、文件、电子邮件地址等。
  • <img>:定义一个图像,通过src属性指定图像文件的路径和文件名。

4. 列表

  • <ul>:定义一个无序列表,列表项用圆点或方块标记。
  • <ol>:定义一个有序列表,列表项用数字或字母顺序标记。
  • <li>:定义列表中的一个项目,无论是无序列表还是有序列表。
  • <dl>:定义一个定义列表,包含术语和描述。
  • <dt>:在定义列表中定义术语(子标题)。
  • <dd>:在定义列表中定义描述(正文)。

5. 表格

  • <table>:定义一个表格。
  • <tr>:定义表格中的一行。
  • <th>:定义表格中的表头单元格,通常显示为加粗和居中的文本。
  • <td>:定义表格中的标准单元格。
  • <caption>:定义表格的标题。

6. 表单

  • <form>:定义一个表单,用于向服务器提交数据。
  • <input>:定义一个输入控件,如文本框、密码框、单选按钮、复选框等。
  • <label>:定义输入控件的标签,通过for属性与控件的id属性关联。
  • <textarea>:定义一个多行文本输入控件。
  • <button>:定义一个按钮,可以提交表单或执行其他操作。
  • <select>:定义一个下拉列表。
  • <option>:定义下拉列表中的选项。

7. 多媒体

  • <audio>:定义音频内容,支持多种音频格式。
  • <video>:定义视频内容,支持多种视频格式。

8. 其他常用标签

  • <div>:定义文档中的一个区块或节,常用于布局和样式化。
  • <span>:定义文档中的一个小块或区域,常用于对文本的一部分进行样式化。
  • <iframe>:定义一个内联框架,用于嵌入另一个文档(如HTML页面)。
  • <header><nav><main><footer><article><section><aside>:HTML5中引入的语义化标签,用于定义文档的结构和内容的含义。

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Java面试题———MySql篇②
  • 【C++ 面试 - 面向对象】每日 3 题(七)
  • Linux驱动学习之点灯(六,利用平台设备总线)
  • Element-UI Table实现列表筛选数据及列表嵌套选择框
  • 从行为面试问题(behavioral questions)看中美程序员差异。
  • <数据集>流水线纸箱识别数据集<目标检测>
  • AIoTedge边缘物联网平台发布,更低的价格,更强大的功能
  • 提升学术论文质量的智能助手:ChatGPT
  • Vue3-nextTick源码阅读记录
  • CSS的:first-of-type伪类:精确定位特定类型的首子元素
  • 结合ChatGPT与Discord,提高团队合作效率
  • 软件开发者的首选:最佳Bug测试工具Top 10
  • LLM和VLM算法常见面试题
  • 编程学习之路:如何克服挫折感,成为更好的自己
  • JavaScript中设置器和获取器
  • 【391天】每日项目总结系列128(2018.03.03)
  • 【剑指offer】让抽象问题具体化
  • 【跃迁之路】【669天】程序员高效学习方法论探索系列(实验阶段426-2018.12.13)...
  • CSS中外联样式表代表的含义
  • ES6之路之模块详解
  • If…else
  • php中curl和soap方式请求服务超时问题
  • Spring核心 Bean的高级装配
  • text-decoration与color属性
  • 容器化应用: 在阿里云搭建多节点 Openshift 集群
  • 使用阿里云发布分布式网站,开发时候应该注意什么?
  • 探索 JS 中的模块化
  • 以太坊客户端Geth命令参数详解
  • 正则与JS中的正则
  • 白色的风信子
  • raise 与 raise ... from 的区别
  • ​油烟净化器电源安全,保障健康餐饮生活
  • ‌‌雅诗兰黛、‌‌兰蔻等美妆大品牌的营销策略是什么?
  • # Swust 12th acm 邀请赛# [ K ] 三角形判定 [题解]
  • # 利刃出鞘_Tomcat 核心原理解析(七)
  • #Linux(帮助手册)
  • #考研#计算机文化知识1(局域网及网络互联)
  • (02)Hive SQL编译成MapReduce任务的过程
  • (16)UiBot:智能化软件机器人(以头歌抓取课程数据为例)
  • (html转换)StringEscapeUtils类的转义与反转义方法
  • (pt可视化)利用torch的make_grid进行张量可视化
  • (不用互三)AI绘画:科技赋能艺术的崭新时代
  • (二)Linux——Linux常用指令
  • (二)WCF的Binding模型
  • (黑马C++)L06 重载与继承
  • .Family_物联网
  • .Net Core中Quartz的使用方法
  • .NET Remoting Basic(10)-创建不同宿主的客户端与服务器端
  • .NET 除了用 Task 之外,如何自己写一个可以 await 的对象?
  • .NetCore部署微服务(二)
  • .Net高阶异常处理第二篇~~ dump进阶之MiniDumpWriter
  • .NET中分布式服务
  • .project文件
  • @Controller和@RestController的区别?
  • @entity 不限字节长度的类型_一文读懂Redis常见对象类型的底层数据结构