码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • HTML二识


    图片,音频,视频标签

    标签描述
    定义图片
    定义音频
    定义视频

    定义图片:

    • src:规定显示图片的URL(统一资源定位符)
    • height:定义图像的高度 单位:px 像素点 或百分点
    • width:定义图像的宽度

    定义音频:支持的音频格式:MP3,WAV,OGG

    • src:规定音频的URL
    • controls:显示播放控件

    定义视频:支持的音频格式:MP4,WEBM,OGG

    • src:规定视频的URL
    • controls:显示播放控件
    DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Titletitle>
    head>
    <body>
        
    
        <img src="aa(1).png" width="299",height="88">
    
        <audio src="录音.mp3" controls = "controls">
        audio>
    `   <video src="ea639c26955526de853bf886b66fafcf.mp4" controls = controls width="250" height="207">video>
    body>
    html>
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34

    超链接标签

    本节学习资源

    标签描述
    定义超链接,用于链接另一个资源
    • href:指定访问资源的URL
    • target:指定打开资源的方式。
      • _self: 默认值,在当前页面打开
      • _blank: 在空白页打开

    学习资源

    <a href="https://www.itcast.cn" target="_self">点我有惊喜a>
    
    • 1

    列表标签

    标签描述
      order list
    定义有序列表
      unorder list
    定义无序列表
  • 定义列表项

    type: 设置项目符号 不建议使用,后续使用css


    表格标签

    标签描述
    定义表格
    定义行
    定义单元格
    定义表头单元格
    • 定义表格:
      • border: 规定表格边框的宽度
      • width: 规定表格的宽度
      • cellspacing:规定单元格之间的空白
    • 定义行:
      • align: 定义表格行的内容对齐方式
    • 定义单元格:
      • rowspan: 规定单元格可横跨的行数
      • colspan: 规定单元格可横跨的列数。
    <table border="1" cellspacing="0" width="100%">
        <tr>
          <th>序号th>
          <th>品牌logoth>
          <th>品牌名称th>
          <th>企业名称th>
        tr>
        <tr align="center">
          <td>010td>
          <td><img src="../resource/三只松鼠.png" height="50",width="60">td>
          <td>三只松鼠td>
          <td>三只松鼠td>
        tr>
        <tr>
          <td>009td>
          <td><img src="../resource/优衣库.jpg" height="50",width="60">td>
          <td>优衣库td>
          <td>优衣库td>
        tr>  <tr>
        <td>008td>
        <td><img src="../resource/小米.jpg" height="50",width="60">td>
        <td>小米td>
        <td>小米科技有限公司td>
      tr>
    
      table>
    
      <br>
      <hr>
      <br>
      <table border="1" cellspacing="0" width="100%">
        <tr>
          <th colspan="2">品牌logoth>
          <th>品牌名称th>
          <th>企业名称th>
        tr>
        <tr align="center">
          <td>010td>
          <td><img src="../resource/三只松鼠.png" height="50",width="60">td>
          <td>三只松鼠td>
          <td>三只松鼠td>
        tr>
        <tr>
          <td rowspan="2">009td>
          <td><img src="../resource/优衣库.jpg" height="50",width="60">td>
          <td>优衣库td>
          <td>优衣库td>
        tr>  <tr>
        <td>008td>
        <td><img src="../resource/小米.jpg" height="50",width="60">td>
        <td>小米td>
      tr>
    
      table>
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54

    布局标签

    标签描述
    定义HTML文档中的一个区域部分,经常与CS`S一起使用,用来布局页面
    用于组合行内元素。
  • 相关阅读:
    【Linux私房菜】—— 使用虚拟机时的几个小技巧
    Leetcode 135. 分发糖果
    (十七)admin-boot项目之国际化支持
    获取拼多多商品信息操作详情
    笔记(五)-传统图机器学习的特征工程-全图
    C语言力扣第32题之最长有效括号。用栈实现
    UsernameAuthenticationFilter授权成功后调用AuthenticationSuccessHandler时的解析
    C++ Reference: Standard C++ Library reference: C Library: cwchar: wcslen
    ElasticSearch集群缩容
    告诉你,赚钱狠的人,都有一个特点?
  • 原文地址:https://blog.csdn.net/2301_80286359/article/details/136571842
    • 最新文章
    • 攻防演习之三天拿下官网站群
      数据安全治理学习——前期安全规划和安全管理体系建设
      企业安全 | 企业内一次钓鱼演练准备过程
      内网渗透测试 | Kerberos协议及其部分攻击手法
      0day的产生 | 不懂代码的"代码审计"
      安装scrcpy-client模块av模块异常,环境问题解决方案
      leetcode hot100【LeetCode 279. 完全平方数】java实现
      OpenWrt下安装Mosquitto
      AnatoMask论文汇总
      【AI日记】24.11.01 LangChain、openai api和github copilot
    • 热门文章
    • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
      奉劝各位学弟学妹们,该打造你的技术影响力了!
      五年了,我在 CSDN 的两个一百万。
      Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
      面试官都震惊,你这网络基础可以啊!
      你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
      心情不好的时候,用 Python 画棵樱花树送给自己吧
      通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
      13 万字 C 语言从入门到精通保姆级教程2021 年版
      10行代码集2000张美女图,Python爬虫120例,再上征途
    Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
    正则表达式工具 cron表达式工具 密码生成工具

    京公网安备 11010502049817号