• HTML入门基础标签（结构标签，文本标签，特殊字符转义标签，多媒体标签）

    目录

    HTML(HyperText Markup Language)：超文本标记语言：

    超文本：

    标记语言：

    W3C标准：

    结构标签

    基础标签

    特殊字符

    图片，音频，视频

    img：定义图片

    audio：定义音频

    video：定义视频

    路径问题

    尺寸单位：

    HTML(HyperText Markup Language)：超文本标记语言：

    超文本：

    超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容 如上图看到的页面，我们除了能看到一些文字，同时也有大量的图片展示；有些网页也有视频，音频等。这种展示效果 超越了文本展示的限制。

    标记语言：

    由标签构成的语言

    W3C标准：

    W3C是万维网联盟，这个组成是用来定义标准的。他们规定了一个网页是由三部分组成，分别是：

    结构：对应的是 HTML 语言

    表现：对应的是 CSS 语言

    行为：对应的是 JavaScript 语言

    HTML定义页面的整体结构；CSS是用来美化页面，让页面看起来更加美观；JavaScript可以使网页动起来，比如轮播图也就 是多张图片自动的进行切换等效果。

    结构标签

    基础标签

    2. html>
    3. <html lang="en">
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <title>入门title>
    7. head>
    8.     <body>
    9.         <h1>我是h1标签h1>
    10.         <h2>我是h2标签h2>
    11.         <h3>我是h3标签h3>
    12.         <h4>我是h4标签h4>
    13.         <h5>我是h5标签h5>
    14.         <h6>我是h6标签h6>
    15.     <hr>
    16.     <P > 新的段落 P>
    17.         
    18.     <font face="楷体" size="10" color="red"> 简单字体格式优化font>
    19.     <center> 水平居中center>
    20.     <i> 倾斜 并换行i> <br>
    21.     <b>  加粗 并换行b> <br>
    22.     <u> 下划线并换行u><br>
    23.     body>
    24. html>

    显示效果

    特殊字符

    图片，音频，视频

    测试代码

    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>图片音频视频标签应用title>
    6. head>
    8.  
    10.  
    11.   <body>
    12.         <img src="pi.jpg" width="355" height="632" >
    13.         <audio src="mu.mp3" controls>audio>
    14.         <video src="vi.mp4"  width="300" height="300" controls>video>
    15.   body>
    16. html>

     效果

    img：定义图片

    src：规定显示图像的 URL（统一资源定位符）  height：定义图像的高度   width：定义图像的宽度

    audio：定义音频

    支持的音频格式：MP3、WAV、OGG      src：规定音频的 URL      controls：显示播放控件

    video：定义视频

    支持的音频格式：MP4, WebM、OGG     src：规定视频的 URL controls：显示播放控件

    路径问题

            1：绝对路径：完成路径  具体到盘符，或者网页连接
            2：相对路径:相对位置关系
            在同级目录下可以直接写  ./文件名，或者省略 直接写文件名
            在同级目录的文件夹   ./文件夹名/文件名
            在上一级目录下， ../退一级/文件夹名/文件名

         

    尺寸单位：

    height属性和width属性有两种设置方式：

    像素：单位是px

    百分比占父标签的百分比：例如宽度设置为 50%，意思就是占它的父标签宽度的一般（50%）

  • 相关阅读:
    UGUI交互组件InputField
    常见的服务器异常包括哪些？
    js之防抖、节流函数
    useTransition 和 useDeferredValue 初体验
    MySQL-锁
    ECC_CURVE
    模拟量指令
    Linux 下 JDK 安装(tar.gz版) - jdk8
    streamlit报错：AxiosError: Request failed with status code 403
    arduino - UNO-R3,mega2560-R3,NUCLEO-H723ZG的arduino引脚定义区别
  • 原文地址：https://blog.csdn.net/m0_64365315/article/details/126247125