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中引入的语义化标签,用于定义文档的结构和内容的含义。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/51764.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

计算多图的等价无向图的邻接链表表示

计算多图的等价无向图的邻接链表表示 摘要:一、引言二、算法思路三、伪代码实现四、C代码实现五、算法分析六、结论摘要: 在图论中,多图(Multigraph)是一种允许边重复以及存在自循环边(即一个顶点到其自身的边)的图。给定一个多图的邻接链表表示,本文旨在探讨如何构造…

Git 忽略已经提交的文件

对于未提交过的文件直接用ignore文件即可,不再赘述 对于已经提交过的文件,但是实际上不需要的,可以用git rm --cached命令 比如下图这个 .vsconfig被我误提交了或者忘了在ignore里添加了 但是我实际上不想要这个文件,那么在项目根目录打开git bash ,输入 git rm --cached .vsc…

【QNX+Android虚拟化方案】107 - QNX NFS Server + Android NFS Client 完整配置

【QNX+Android虚拟化方案】107 - QNX NFS Server + Android NFS Client 完整配置 一、QNX 侧 NFS Server 修改:ip 为 192.168.1.21.1 配置拷贝 nfsd、rpcbind 到 /mnt 目录下1.2 配置 exports1.3 为NFS 共享目录挂载镜像1.4 修 startup.sh 开机自启动 nfsd Server1.5 关闭 QNX…

分歧时间估计与被子植物的年代-文献精读43

Ad fontes: divergence-time estimation and the age of angiosperms 回归本源&#xff1a;分歧时间估计与被子植物的年代 摘要 准确的分歧时间对于解释和理解谱系演化的背景至关重要。在过去的几十年里&#xff0c;有关冠被子植物推测的分子年龄&#xff08;通常估计为晚侏罗…

RabbitMQ中的死信交换机?(RabbitMQ延迟队列有了解过吗)

延迟队列 延迟队列:进入队列的消息会被延迟消费的队列。 延迟队列死信交换机 TTL&#xff08;过期时间&#xff09; 延迟队列的使用场景:超时订单、限时优惠、定时发布 死信交换机 当一个队列中的消息满足下列情况之一时&#xff0c;可以成为死信(dead letter): 消费者使…

wpf prism 《1》、区域 、模块化

安装prism.DryIoc 修改app.xaml <prism:PrismApplication x:Class"WpfApp3.App"xmlns"http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x"http://schemas.microsoft.com/winfx/2006/xaml"xmlns:local"clr-namespace:W…

求职Leetcode题目(9)

1.通配符匹配 题解&#xff1a; 其中&#xff0c;横轴为string s&#xff0c;纵轴为pattern p 这个表第(m,n)个格子的意义是:【p从0位置到m位置】这一整段&#xff0c;是否能与【s从0位置到n位置】这一整段匹配 也就是说&#xff0c;如果表格的下面这一个位置储存的是T(True)…

shell脚本--正则表达式

一、正则表达式的类型 在Linux中,有两种流行的正则表达式引擎: POSIX基础正则表达式(basic regular expression,BRE)引擎 POSIX扩展正则表达式(extended regular expression,ERE)引擎 POSIX BRE引擎通常出现在依赖正则表达式进行文本过滤的编程语言中。它为常见模式提供…

pytorch交叉熵损失函数

nn.CrossEntropyLoss 是 PyTorch 中非常常用的损失函数,特别适用于分类任务。它结合了 nn.LogSoftmax 和 nn.NLLLoss(负对数似然损失)的功能,可以直接处理未经过 softmax 的 logits 输出,计算预测值与真实标签之间的交叉熵损失。 1. 交叉熵损失的原理 交叉熵损失衡量的是…

cnocr 安装

打开终端 如果不会打开终端 -> 终端打开输入 pip install cnocr 执行中途可能报错 去这里下载工具&#xff1a;c构建工具下载完打开&#xff0c;勾选这个 然后点安装安装完回到第2步重新执行

等保2.0--安全计算环境--TiDB数据库

在使用本博客提供的学习笔记及相关内容时,请注意以下免责声明:信息准确性:本博客的内容是基于作者的个人理解和经验,尽力确保信息的准确性和时效性,但不保证所有信息都完全正确或最新。非专业建议:博客中的内容仅供参考,不能替代专业人士的意见和建议。在做出任何重要决…

移动端前端开发主流框架及其技术方案

移动端前端开发主流框架及其技术方案 在现代移动端应用开发中&#xff0c;前端框架的选择至关重要。它不仅影响开发效率&#xff0c;还直接关系到应用的性能和用户体验。以下是当前主流的移动端前端框架的详细技术方案&#xff0c;包括 React Native、Flutter 和 Ionic&#x…

PyTorch 的自动求导与计算图

在深度学习中&#xff0c;模型的训练过程本质上是通过梯度下降算法不断优化损失函数。为了高效地计算梯度&#xff0c;PyTorch 提供了强大的自动求导机制&#xff0c;这一机制依赖于“计算图”&#xff08;Computational Graph&#xff09;的概念。 1. 什么是计算图&#xff1…

前胡基因组与伞形科香豆素的进化-文献精读42

The gradual establishment of complex coumarin biosynthetic pathway in Apiaceae 伞形科中复杂香豆素生物合成途径的逐步建立 羌活基因组--文献精读-36 摘要&#xff1a;复杂香豆素&#xff08;CCs&#xff09;是伞形科植物中的特征性代谢产物&#xff0c;具有重要的药用价…

深度学习与大模型第1课环境搭建

深度学习与大模型第1课 环境搭建 1. 安装 Anaconda 首先&#xff0c;您需要安装 Anaconda&#xff0c;这是一个开源的 Python 发行版&#xff0c;能够简化包管理和环境管理。以下是下载链接及提取码&#xff1a; 链接&#xff1a;https://pan.baidu.com/s/1Na2xOFpBXQMgzXA…

网络准入控制系统

当我们谈论网络准入控制系统时&#xff0c;我们谈论的并不是网络准入控制系统&#xff0c;而是安全&#xff0c;我们不能只囿于它表面的浮华而忘掉它的本质&#xff0c;记住&#xff0c;不管讨论什么&#xff0c;我们必须要有直达本质的能力。网络的本质就是安全。 网络准入控制…

TDesign 微信小程序组件库配置

文章目录 1.安装 npm 包2. 构建 npm3. 构建完成后即可使用 npm 包。4.修改 app.json5.修改 tsconfig.json6.使用组件 1.安装 npm 包 在小程序 package.json 所在的目录中执行命令安装 npm 包&#xff1a; npm install结果报错 PS C:\WeChatProjects\miniprogram-1> npm i…

vscode和edge浏览器等鼠标输入光标变透明

本人是AMD的APU会出现这种情况。它的gpu加速有些问题。 都是要关闭gpu硬件加速功能。edge浏览器好找。vscode是通过以下方法。 要关闭VSCode的硬件加速功能&#xff0c; ‌通过配置文件调整‌&#xff1a; 打开VSCode的设置&#xff08;通过按下CtrlShiftP或CmdShiftP打开命令…

【Qt】窗口概述

Qt 窗口概述 Qt窗口是由QMianWindow类来实现的。 QMainWindow 是⼀个为⽤⼾提供主窗⼝程序的类&#xff0c;继承⾃ QWidget 类&#xff0c;并且提供了⼀个预定义的布局。QMainWindow 包含 ⼀个菜单栏&#xff08;menu bar&#xff09;、多个⼯具栏(tool bars)、多个浮动窗⼝&a…

安全入门day.03

一、知识点 1、抓包技术应用意义 在渗透安全方面&#xff0c;通过抓包分析&#xff0c;安全人员可以模拟黑客的攻击行为&#xff0c;对系统进行渗透测试。这种测试有助于发现系统中存在的安全漏洞和弱点。一旦发现漏洞&#xff0c;可以立即采取措施进行修复&#xff0c;从而增…