Day 82

_HTML快速入门

  1. HTML是一门语言,所有的网页都是用HTML这门语言编写出来的

  2. HTML:超文本标记语言

    • 超文本:超越了文本的限制,比普通文本更强大,除了文字信息,还可以定义图片、音频、视频等内容
    • 标记语言:由标签构成的语言
  3. HTML运行再浏览器上,HTML标签由浏览器来解析

  4. HTML标签都是预定义好的。例如:使用来展示图片

  5. W3C标准:网页主要由三部分组成

    • 结构:HTML
    • 表现:CSS
    • 行为:JavaScript
  6. 基础标签:

    • 标签描述

      ~

      定义标题,h1最大,h6最小
      定义文本的字体、字体尺寸、字体颜色
      定义粗体文本
      定义斜体文本
      定义文本的下划线
      顶定义文本居中

      定义段落

      定义换行

      定义水平线
  7. 新建一个module,类型为html:在这里插入图片描述

  8. <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>html快速入门</title>
    </head>
    <body>
    <h1>
        我是标题h1
    </h1>
    <h2>
        我是标题h2
    </h2>
    <h3>
        我是标题h3
    </h3>
    <h4>
        我是标题h4
    </h4>
    <h5>
        我是标题h5
    </h5>
    <h6>
        我是标题h6
    </h6>
    
    <hr>
    
    <font face="楷体" size="5" color="#a52a2a" >  hello html </font>
    
    <hr>
    不屈不挠,既然心中有梦想,那就只管前行
    <br>   <!--<br> 为换行标签 -->
    只为自己的无怨无悔
    
    <hr>
    
    <!--<P>标签表示段落-->
    <p>
        不屈不挠,既然心中有梦想,那就只管前行
    </p>
    <p>
        只为自己的无怨无悔
    </p>
    
    </body>
    </html>
    
  9. 上述代码呈现的网页样式为:

    • 在这里插入图片描述

_HTML图片、音频、视频标签

  1. 标签描述
    定义图片
    定义音频
    定义视频
  2. img:定义图片

    • src:规定显示图片的URL(统一资源定位)
    • height:定义图像的高度
    • width:定义图像的宽度
  3. audio:定义音频。支持的音频格式:Mp3、WAV、OGG

    • src:规定音频的 URL
    • controls:显示播放插件
  4. video:定义视频。支持的视频格式:Map4、WebM、OGG

    • src:规定视频的 URL
    • controls:显示播放控件
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值