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

HTML常用单标签速查手册

  1. <br>
    换行:

    第一行<br>第二行
    
  2. <hr>
    水平分割线:

    上文<hr>下文
    
  3. <img>
    插入图片:

    <img src="pic.jpg" alt="描述" width="300">
    
  4. <input>
    输入控件:

    <input type="text" name="user" placeholder="用户名">
    
  5. <meta>
    设置字符集与视口:

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    
  6. <link>
    引入外部 CSS:

    <link rel="stylesheet" href="style.css">
    
  7. <area>
    图片热点区域:

    <map name="m"><area shape="rect" coords="0,0,100,100" href="page1.html">
    </map>
    <img src="map.png" usemap="#m">
    
  8. <base>
    指定基础 URL/打开方式:

    <base href="https://example.com/" target="_blank">
    
  9. <col>
    设置列样式:

    <table><col style="background:#eee"><col style="width:150px"><tr><td>列1</td><td>列2</td></tr>
    </table>
    
  10. <embed>
    嵌入插件内容:

    <embed src="video.swf" width="400" height="300">
    
  11. <source>
    给多媒体提供多格式:

    <video controls><source src="mv.mp4" type="video/mp4"><source src="mv.webm" type="video/webm">
    </video>
    
  12. <track>
    视频字幕:

    <video controls><source src="mv.mp4" type="video/mp4"><track kind="subtitles" src="zh.vtt" srclang="zh" label="中文">
    </video>
    
  13. <wbr>
    建议断字处:

    超长单<wbr>词可在此处换行
    
http://www.dtcms.com/a/568671.html

相关文章:

  • 告别算法死记硬背,Hello-Algo 让抽象知识变直观,搭配cpolar穿透工具更自由
  • Go从入门到精通(27) - 并行任务处理器
  • Claude Code 使用 MiniMax M2 模型
  • Auto CAD二次开发——复制和旋转图形对象
  • 全屏响应式网站模板网站seo综合公司
  • php做简单网站教程视频教程企业门户网站模板 下载
  • Rust开发实战之WebSocket通信实现(tokio-tungstenite)
  • 编译缓存利器 ccahce、sccahce
  • Rust开发实战之使用 Reqwest 实现 HTTP 客户端请求
  • 各大公司开源网站广州出台21条措施扶持餐饮住宿
  • gmt_create为啥叫gmt
  • 从 NGINX 到 Kubernetes Ingress:现代微服务流量管理实战
  • 【C++】继承(2):继承与友元,静态成员,多继承黑/白盒复用
  • css实战:常用伪元素选择器介绍
  • 4.4 路由算法与路由协议【2013统考真题】
  • 营销型网站建设需要备案吗上饶网站建设企业
  • 福建网站建设科技有限公司品牌建设还需持续力
  • 工业CMOS相机的原理及基础知识
  • 无人机电气隔离与抗干扰技术概述
  • Elasticsearch的学习
  • GitHub 热榜项目 - 日榜(2025-11-04)
  • SAP 概述
  • 深圳家具网站建设做网站需要会写代码6
  • 常见的网站文件后缀名
  • 18、docker-macvlan-2-示例
  • ICCV2025 | GLEAM:通过全局-局部变换增强的面向视觉-语言预训练模型的可迁移对抗性攻击
  • Visual Studio 编程工程设置
  • 自我系统更新
  • 【数据结构】双向链表的实现
  • 《Linux系统编程之开发工具》【版本控制器 + 调试器】