HTML详解

server/2024/12/22 18:30:34/
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/server/104915.html

相关文章

【全网行为管理解决方案】上网行为系统有哪些?

全网行为管理系统是一种用于监控、管理和优化企业内部网络中所有用户活动及网络流量的技术解决方案。 这类系统可以帮助企业提高网络安全、优化网络性能&#xff0c;并确保网络使用符合公司政策及法规要求。以下是几种常用的上网行为管理系统&#xff1a; 一、安企神 特点&am…

HubSpot 自动化营销平台助力出海企业精准获客与转化 | 自动化营销

HubSpot 提供了多个开源 cms 和一体化且全面的解决方案&#xff0c;可帮助出海企业优化内容营销策略 HubSpot 自动化营销加速国际化 随着全球化的推进&#xff0c;越来越多的企业开始寻求拓展国际市场&#xff0c;而在这个过程中&#xff0c;有效的客户关系管理和营销自动化成…

react redux异步请求

1,创建store //store/modules/channelStore.js import { createSlice } from "reduxjs/toolkit" import axios from "axios"const channelStore createSlice({name: channel,initialState: {channelList: []},reducers: {setChannels (state, action) {s…

javascript利用三元运算符制作补零程序

这里的补零是当数字小于0时自动在前面补零&#xff0c;大于等于10时&#xff0c;前面不用补零。 代码如下 <html><head><meta charset"UTF-8"><title></title></head><body><script>let numprompt("请输入一…

leetcode 3 无重复字符的最长子串

leetcode 3 无重复字符的最长子串 正文普通解法双指针 正文 普通解法 重点观察示例 3。本题重点是创建一个动态区间&#xff0c;然后判断位于这个动态区间之外的字符是否被包含在这个动态区间范围内。并且对于 s 长度小于 1 的情况要重点进行讨论。 class Solution:def lengt…

【React原理 - 任务调度和时间分片详解】

概述 在React15的时候&#xff0c;React使用的是从根节点往下递归的方式同步创建虚拟Dom&#xff0c;由于递归具有同步不可中断的特性&#xff0c;所以当执行长任务时(通常以60帧为标准&#xff0c;即16.6ms)就会长时间占用主线程长时间无响应&#xff0c;导致页面卡顿&#x…

.Net 6 WebApi项目中使用Log4Net详解

众所周知as we know&#xff0c; log4Net是一个很方便的日志输出工具&#xff0c;但是&#xff0c;每次使用&#xff0c;日志都没有顺利输出过.....各种不知名问题.......所以就记录一下&#xff0c;方便下次使用。 具体的与原理和基础在此不做赘述&#xff0c;咱直接上干货&a…

PHP在现代Web开发中的高效应用与实战案例

在快速迭代的Web开发领域&#xff0c;PHP作为一种成熟且广泛使用的服务器端脚本语言&#xff0c;始终占据着举足轻重的地位。从简单的动态网页到复杂的企业级应用&#xff0c;PHP凭借其强大的功能、丰富的扩展库以及良好的社区支持&#xff0c;成为了众多开发者的首选。本文将深…