【Python100天学习笔记】Day22 Web学习-Html标签

最新推荐文章于 2025-08-04 14:37:55 发布
最新推荐文章于 2025-08-04 14:37:55 发布
阅读量346 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端 学习笔记 教程 文章标签： 前端 html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-NC-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41823684/article/details/122115089
本文详细介绍了HTML的基本结构与常用元素，包括标题、段落、列表、链接、图像等，并深入探讨了表格、表单的设计与实现，以及多媒体内容的集成方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

使用标签承载内容

结构
  • html
    • head
      • title
      • meta
    • body
文本
  • 标题（heading）和段落（paragraph）
    • h1 ~ h6
    • p
  • 上标（superscript）和下标（subscript）
    • sup
    • sub
  • 空白（白色空间折叠）
  • 折行（break）和水平标尺（horizontal ruler）
    • br
    • hr
  • 语义化标签
    • 加粗和强调 - strong
    • 引用 - blockquote
    • 缩写词和首字母缩写词 - abbr / acronym
    • 引文 - cite
    • 所有者联系信息 - address
    • 内容的修改 - ins / del
列表（list）
  • 有序列表（ordered list）- ol / li
  • 无序列表（unordered list）- ul / li
  • 定义列表（definition list）- dl / dt / dd
链接（anchor）
  • 页面链接
  • 锚链接
  • 功能链接
图像（image）
  • 图像存储位置

在这里插入图片描述

  • 图像及其宽高

  • 选择正确的图像格式

    • JPEG
    • GIF
    • PNG

  • 矢量图

  • 语义化标签 - figure / figcaption

表格（table）
  • 基本的表格结构 - table / tr / td / th
  • 表格的标题 - caption
  • 跨行和跨列 - rowspan属性 / colspan属性
  • 长表格 - thead / tbody / tfoot
表单（form）
  • 重要属性 - action / method / enctype
  • 表单控件（input）- type属性
    • 文本框 - text / 密码框 - password / 数字框 - number
    • 邮箱 - email / 电话 - tel / 日期 - date / 滑条 - range / URL - url / 搜索 - search
    • 单选按钮 - radio / 复选按钮 - checkbox
    • 文件上传 - file / 隐藏域 - hidden
    • 提交按钮 - submit / 图像按钮 - image / 重置按钮 - reset
  • 下拉列表 - select / option
  • 文本域（多行文本）- textarea
  • 组合表单元素 - fieldset / legend
音视频（audio / video）
  • 视频格式和播放器
  • 视频托管服务
  • 添加视频的准备工作
  • video标签和属性 - autoplay / controls / loop / muted / preload / src
  • audio标签和属性 - autoplay / controls / loop / muted / preload / src / width / height / poster
窗口（frame）
  • 框架集（过时，不建议使用） - frameset / frame
  • 内嵌窗口 - iframe
其他

  • 文档类型

    <!doctype html>

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

  • 注释

    <!-- 这是一段注释，注释不能够嵌套 -->

  • 属性

    • id：唯一标识
    • class：元素所属的类，用于区分不同的元素
    • title：元素的额外信息（鼠标悬浮时会显示工具提示文本）
    • tabindex：Tab键切换顺序
    • contenteditable：元素是否可编辑
    • draggable：元素是否可拖拽

  • 块级元素 / 行级元素

  • 字符实体（实体替换符）

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zA473CoH-1640259777641)(F:/%E7%A8%8B%E5%BA%8F%E5%91%98%E4%BF%AE%E7%82%BC%E4%B9%8B%E8%B7%AF/python/Python%20%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/python100%E5%A4%A9/Day21-30/res/%E5%AD%97%E7%AC%A6%E5%AE%9E%E4%BD%93.png)]

机器学习笔记-XGBoost
专注大数据与人工智能技术分享，欢迎私信加群互相学习！
08-01 6728
XGBoost是2016年由华盛顿大学陈天奇老师带领开发的一个可扩展机器学习系统。严格意义上讲XGBoost并不是一种模型，而是一个可供用户轻松解决分类、回归或排序问题的软件包。它内部实现了梯度提升树(GBDT)模型，并对模型中的算法进行了诸多优化，在取得高精度的同时又保持了极快的速度，在一段时间内成为了国内外数据挖掘、机器学习领域中的大规模杀伤性武器。更重要的是，XGBoost在系统优化和机器学习原理方面都进行了深入的考虑。
【学习心得笔记】Python100天-第一部分Day01-Day15
weixin_57560711的博客
08-13 906
本文是个人对于项目的学习的一些心得和笔记，简单记录，如有不妥之处，欢迎批评指正。
【Python100天学习笔记】Day21 Web初识
码农-Vax天道的时间宝藏
12-14 1737
说明：本文使用的部分插图来自Jon Duckett先生的*HTML and CSS: Design and Build Websites*一书，这是一本非常棒的前端入门书，有兴趣的读者可以在亚马逊或者其他网站上找到该书的购买链接。 HTML简史 1991年10月：一个非正式CERN（欧洲核子研究中心）文件首次公开18个HTML标签，这个文件的作者是物理学家蒂姆·伯纳斯-李，因此他是万维网的发明者，也是万维网联盟的主席。 1995年11月：HTML 2.0标准发布（RFC 1866）。 1997年1月：.
Python - 100天到大师学习笔记（2）
shaozheng0503的博客
02-26 928
> Make English as your working language. （让英语成为你的工作语言） > Practice makesperfect. （熟能生巧） > All experience comes from mistakes. （所有的经验都源于你犯过的错误） > > Don't be one of the leeches. （不要当伸手党） Either outstanding or out.（要么出众，要么出局)
【Python全栈100天学习笔记】Day41 Django快速上手
码农-Vax天道的时间宝藏
02-14 696
快速上手 Web开发的早期阶段，开发者需要手动编写每个页面，例如一个新闻门户网站，每天都要修改它的HTML页面，随着网站规模和体量的增大，这种方式就变得极度糟糕。为了解决这个问题，开发人员想到了用外部程序来为Web服务器生成动态内容，也就是说HTML页面以及页面中的动态内容不再通过手动编写而是通过程序自动生成。最早的时候，这项技术被称为CGI（公共网关接口），当然随着时间的推移，CGI暴露出的问题也越来越多，例如大量重复的样板代码，总体性能较为低下等，因此在时代呼唤新英雄的背景下，PHP、ASP、JSP这类
【学习心得笔记】Python100天-第二部分Day16-Day20
weixin_57560711的博客
08-20 447
本文是个人对于项目的学习的一些心得和笔记，简单记录，如有不妥之处，欢迎批评指正。
Python100天学习笔记——Day 1
qq_40840749的博客
04-27 294
*Python的用途（要知道语言有什么用？） Web应用开发、云基础设施、DevOps、网络数据采集（爬虫）、数据分析挖掘、机器学习等领域都有着广泛的应用。 *Python的安装（由于之前在上慕课的时候按照视频教程已经安装过了，所以这部分跳过了） ...
Python100Days学习笔记---Day16-20Python语言进阶
迷途可达C的博客
03-30 836
生成式（推导式）的用法 prices = { 'AAPL': 191.88, 'GOOG': 1186.96, 'IBM': 149.24, 'ORCL': 48.44, 'ACN': 166.89, 'FB': 208.09, 'SYMC': 21.29 } # 用股票价格大于100元的股票构造一个新的字典 prices2 = {key: ...
【Python100天学习笔记】Day13 进程和线程
码农-Vax天道的时间宝藏
11-30 864
进程和线程 今天我们使用的计算机早已进入多CPU或多核时代，而我们使用的操作系统都是支持“多任务”的操作系统，这使得我们可以同时运行多个程序，也可以将一个程序分解为若干个相对独立的子任务，让多个子任务并发的执行，从而缩短程序的执行时间，同时也让用户获得更好的体验。因此在当下不管是用什么编程语言进行开发，实现让程序同时执行多个任务也就是常说的“并发编程”，应该是程序员必备技能之一。为此，我们需要先讨论两个概念，一个叫进程，一个叫线程。 概念 进程就是操作系统中执行的一个程序，操作系统以进程为单位分配存储空间，
【Python全栈100天学习笔记】Day44 Web表单介绍及使用
码农-Vax天道的时间宝藏
02-15 651
表单的应用 我们继续来完成上一章节中的项目，实现“用户注册”和“用户登录”的功能，并限制只有登录的用户才能为老师投票。Django框架中提供了对表单的封装，而且提供了多种不同的使用方式。 首先添加用户模型。 class User(models.Model): """用户""" no = models.AutoField(primary_key=True, verbose_name='编号') username = models.CharField(max_length=20, uni
Python百天读书笔记 | 初识Python 1day
12-20
"Python百天读书笔记 | 初识Python 1day"是针对Python初学者的一份学习资源，旨在帮助读者在100天内逐步掌握Python的基础知识。 1. **Python解释器的安装** Python解释器是执行Python代码的引擎。官方提供的...
5G毫米波射频前端设计：从GaN功放到混合信号集成方案
ytttr873的博客
07-31 442
同时，GaN功放还具备较高的功率附加效率（PAE），相比传统的半导体材料功放，能够在提供相同功率输出的情况下消耗更少的电能，这对于降低设备的能耗和散热需求具有重要意义。随着5G通信技术的飞速发展，毫米波频段凭借其丰富的频谱资源，成为满足5G高速率、大容量数据传输需求的关键频段。然而，毫米波信号的高频特性带来了诸多设计挑战，射频前端作为无线通信系统中负责信号发射与接收的核心部分，其设计至关重要。GaN功放通过优化电路设计和工艺，能够在高功率输出的情况下保持良好的线性度，确保信号在传输过程中的准确性和可靠性。
RAGFlow Agent 知识检索节点源码解析：从粗排到精排的完整流程
澄南澄北的博客
08-01 901
文本检索：基于关键词匹配，擅长精确匹配和术语查找向量检索：基于语义相似度，擅长理解查询意图和同义词匹配Embedding 检索方法通过分别编码 Query 和 Chunk 得到向量，并用余弦相似度评估相关性。优点是可以提前计算Chunk的向量并存储，检索效率高、可大规模向量召回，适合在粗排阶段使用。但这种独立编码方式无法建模两者之间的语义交互。而 Rerank 模型会将 Query 和 Chunk 作为一个成对的输入，同时送入模型进行处理。
Ollama前端：open-webui
08-02 251
【代码】Ollama前端：open-webui。
学习 java web 简单监听器
~
07-31 632
使用Java Servlet作为后端核心，配合监听器(Listener)实现应用生命周期管理，前端采用JSP进行动态页面渲染。核心功能包括通过Servlet处理HTTP请求，利用监听器监控ServletContext、Session和Request三种作用域对象的创建销毁及属性变更，实现资源管理和业务逻辑处理。项目中MyListener类实现了多种监听器接口，可捕获对象创建销毁事件及属性变化，为系统提供完善的监控能力。
【Nginx反向代理】通过Nginx反向代理将多个后端server统一到同一个端口上的方法
一名在读大学生，正在学习深度学习，会定期分享一些该领域内容。欢迎大家一起交流学习~
08-01 417
摘要：在多开发者协作项目中，不同后端服务部署在不同端口或服务器上，导致前端调用接口时面临多端口、跨域等复杂问题。使用Nginx反向代理可统一入口，通过配置/api1/、/api2/等路径将请求转发至对应服务（如本地5051端口或远程服务器）。方案优势包括隐藏服务细节、集中处理跨域、简化前端调用逻辑，并提供负载均衡灵活性。文中给出Nginx安装命令、配置示例及常用操作指令（启动/重启/配置检查等），便于快速部署维护。（149字）
ref和reactive的区别
最新发布
qq_37263478的博客
08-04 124
加深认知ref
React 虚拟列表实现中的渲染抖动问题与滚动锚点优化方案
zzywxc787的博客
07-31 981
本文深入探讨了虚拟列表中的渲染抖动问题和优化方案。通过分析快速滚动时出现的空白区域和布局偏移问题，提出基于滚动锚定（Scroll Anchoring）的优化方法，包括建立位置缓存系统、动态更新渲染区域、异步调整滚动位置等关键技术。实现方案通过预计算元素位置、记录锚点参考、分批处理DOM更新等手段，显著提升了性能指标：FPS提高81%、滚动延迟降低73%、内存占用减少56%。文章还提供了双缓冲渲染、动态分块加载等进阶优化策略，以及错误处理和边界场景解决方案，最终实现流畅的虚拟列表体验。
Java web jsp 练习
~
08-01 413
练习目录。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Vax_Loves_1314

打赏的小盆友都很可耐~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值