HTML详解

ops/2024/9/18 13:48:23/ 标签: 程序人生, 学习方法, html5, css, html, 前端框架
htmledit_views">

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.ppmy.cn/ops/104010.html

相关文章

Upload-LABS通关攻略【1-20关】

Pass-01 第一关是前端JS绕过 上传一个php文件显示只能上传特定后缀名的文件 这里将1.php改为1.jpg直接进行抓包&#xff0c;在数据包中将jpg改为php放行 文件上传成功&#xff0c;邮件图片新建页面打开 可以访问到1.php文件&#xff0c;则一句话密码上传成功 使用蚁剑 进行连接…

c++ 146 三目运算符

const修饰指向的内存你空间不能被修改 c语言中的const冒牌货 符号表c 卸载 undief

数据结构-队列的介绍及循环队列

1.队列的概念 在开始前&#xff0c;请牢记这句话&#xff1a;队列是一个先进先出的数据结构。 队列&#xff08;queue&#xff09;是限定在表的一端进行插入&#xff0c;表的另一端进行删除的数据结构&#xff0c;如同栈的学习&#xff0c;请联系前文所学链表&#xff0c;试想…

MySQL——基础操作

一、数据库的创建 1.1 库的创建 在使用数据库时&#xff0c;最先操作的是创建一个数据库。使用语法如下&#xff1a; CREATE DATABASE [IF NOT EXISTS] database_name [[DEFAULT] CHARSETcharset_name] [[DEFAULT] COLLATEcollation_name]; 对上述语句进行简单说明&#xf…

“智能化自动化” 架构之4:中间建模脑的软件设计三大原则-依赖倒置控制反转和依赖注入

‌领域驱动设计&#xff08;DDD&#xff09;是一种软件设计方法论&#xff0c;而不是一种具体的架构或框架。‌ 领域驱动设计&#xff08;DDD&#xff09;是由Eric Evans在其2003年的同名书籍中首次提出的&#xff0c;旨在解决快速变化和复杂系统的设计问题。它强调以领域为核…

mac电脑里面的 磁盘分区,容器,宗卷,宗卷组的理解和使用

在mac电脑里面我们一般都是使用宗卷&#xff0c;他和我们常见的pc机器硬盘的分区是有区别的。 对于物理硬盘来说 不管是分区还是宗卷&#xff0c;他们都是逻辑上面的概念。 分区 mac电脑里面的分区 和 pc电脑中的分区差不多&#xff0c; 他们都是针对的物理硬盘&#xff0c;…

Python Excel 操作全面总结

Excel 是我们日常生活中经常使用的数据处理工具&#xff0c;而 Python 作为一种强大的编程语言&#xff0c;在处理 Excel 文件方面也有着广泛的应用。本文将全面总结 Python Excel 操作&#xff0c;包括如何使用 Python 来读取、写入、修改 Excel 文件&#xff0c;以及如何使用…

vue.js项目实战案例源码

Vue.js是一个用于构建用户界面的渐进式框架&#xff0c;非常适合开发单页面应用。以下是一些实战案例的源码&#xff0c;可以帮助你更好地理解和使用Vue.js&#xff1a; Vue TodoMVC 简介&#xff1a;这是学习Vue.js的入门级项目&#xff0c;主要实现了一个待办事项列表。源码地…

基于yolov8的102种昆虫检测系统python源码+onnx模型+评估指标曲线+精美GUI界面

【算法介绍】 基于YOLOv8的102种昆虫检测系统是一款高效、准确的昆虫识别工具&#xff0c;它利用YOLOv8这一先进的目标检测算法&#xff0c;实现了对102种不同昆虫的实时检测与识别。该系统在农业、生态研究、生物多样性保护等多个领域具有广泛的应用价值。 YOLOv8算法以其高…

opencv之形态学

文章目录 1. 什么是形态学2. 形态学操作2.1 腐蚀2.2 膨胀2.3 通用形态学函数2.4 开运算2.5 闭运算2.6 形态学梯度运算2.7 礼帽运算2.8 黑帽运算 1. 什么是形态学 在图像处理领域&#xff0c;形态学是一种基于形状的图像分析技术&#xff0c;用于提取和处理图像的形态特征。这包…

uniapp u--input实现select下拉列表 input点击事件

背景&#xff1a; 技术框架&#xff1a; uniapp框架(vue2语法)uView组件库。 通过form表单实现数据列表的“查询”功能。注意&#xff1a; 1、<u--form>内部嵌套<u-form-item>&#xff0c;<u-form-item>内部嵌套<u--input>表单组件。 2、H5浏览器端&am…

4款pdf在线编辑工具,带你搞定PDF

作为一个在办公室里日夜奋斗的文案策划人员&#xff0c;我深知在工作中&#xff0c;效率和工具的重要性。PDF文件的编辑是我们工作中不可或缺的一部分&#xff0c;而选择一款合适的PDF编辑器&#xff0c;就像是找到了一把打开效率之门的钥匙。今天&#xff0c;我就来和大家分享…

Windows 系统中执行 .sh 脚本文件

在 Windows 系统中执行 .sh 脚本文件通常需要使用类 Unix 环境&#xff0c;因为 .sh 脚本是为 Unix-like 系统&#xff08;如 Linux 或 macOS&#xff09;设计的。以下是在 Windows 中执行 .sh 脚本的一些方法&#xff1a; 使用 Windows Subsystem for Linux (WSL): 安装 WSL。…

kotlin可以理解为是对java的封装吗?

Kotlin 不能简单地理解为是对 Java 的封装。 Kotlin 和 Java 都是独立的编程语言&#xff0c;虽然 Kotlin 可以与 Java 无缝互操作&#xff0c;但它们有着不同的设计理念和特性&#xff1a; 一、设计理念不同 简洁性和表达力&#xff1a; Kotlin 强调简洁性和表达力&#xff…

数学基础 -- 线性代数之矩阵的秩

矩阵的秩&#xff1a;概念与应用 1. 概述 矩阵的秩&#xff08;Rank&#xff09;是线性代数中的一个基本概念&#xff0c;它衡量了矩阵中行或列向量的线性无关性。矩阵的秩在解线性方程组、矩阵分解、确定线性变换的维度等方面起着重要作用。 2. 矩阵的秩的定义 矩阵的秩可…

JavaWeb实战教程:如何打造旅行社网站系统,提升在线服务能力?

✍✍计算机毕业编程指导师 ⭐⭐个人介绍&#xff1a;自己非常喜欢研究技术问题&#xff01;专业做Java、Python、微信小程序、安卓、大数据、爬虫、Golang、大屏等实战项目。 ⛽⛽实战项目&#xff1a;有源码或者技术上的问题欢迎在评论区一起讨论交流&#xff01; ⚡⚡ Java、…

零知识证明-基础数学(二)

零知识证明(Zero—Knowledge Proof)&#xff0c;是指一种密码学工具&#xff0c;允许互不信任的通信双方之间证明某个命题的有效性&#xff0c;同时不泄露任何额外信息 导数、偏导数 ,互质数&#xff0c;费马小定理&#xff0c;欧拉定理 1 导数 导数是微积分学中的重要概念&am…

vue3+ts 跳转到详情的跳转方式

在 Vue 3 TypeScript 的项目中&#xff0c;跳转到详情页通常涉及到 Vue Router 的使用。以下是几种常见的跳转方式&#xff1a; 1. 使用 router.push 方法 这是一种编程式导航的方式&#xff0c;你可以在事件处理器或方法中调用 router.push 来实现跳转。 // 在组件中 <…

【阿一网络安全】如何让你的密码更安全?(一) - 对称加密

如何让你的密码更安全&#xff1f;(一) - 对称加密 密码学&#xff0c;是任何认证、授权、审计的支撑。失去了密码学的保障&#xff0c;任何机制都是一场空。 现实中&#xff0c;密码学的应用非常广泛&#xff1a;银行密码的保护、网络流量的传输加密、电子邮件的安全传输&…

【JVM】垃圾回收算法(一)

垃圾回收算法 Java程序在运行过程中会产生大量的对象&#xff0c;但是内存大小是有限的&#xff0c;如果光用而不释放&#xff0c;那内存迟早被耗尽。如C/C程序&#xff0c;需要程序员手动释放内存&#xff0c;Java则不需要&#xff0c;是由垃圾回收期去自动回收。垃圾回收器回…