HTML学习:媒体元素、行元素、块元素

  • <audio>是音频元素,通过src填写资源路径。但是添加文件之后没有可视化窗口,需写入concrols才能看见播放窗口。<video>也是相同用法,但video可以设置宽和高。
  • 1 <audio src="../resources/audio/AniFace%20-%20夜、萤火虫和你.mp3" controls autoplay ></audio>

    HTML学习:媒体元素、行元素、块元素

  • 1 <h3 align="center"><font color="#dc143c" size="6">这是视频</font></h3>
    2 <video  src="../resources/video/13_网站首页高保真实现.mp4" controls autoplay ></video>

    HTML学习:媒体元素、行元素、块元素

  • 块元素,<p>和<h1>到<h6>。<p>为文本内容标签,<h1~h6>都为标题标签。可在标签中写入font调整字体,如:<p>   <font size="" color="">  (内容)</font>    </p>
  • 1 <h1 align="center" ><font color="#dc143c" size="6">块元素</font></h1>
    2 <h1>这是一级标题</h1>
    3 <h2>这是二级标题</h2>
    4 <h3>这是三级标题</h3>
    5 <h4>这是四级标题</h4>
    6 <h5>这是五级标题</h5>
    7 <h6>这是六级标题(最高也就6级了)</h6>
    8 <p >这是文本内容</p>

     

  • HTML学习:媒体元素、行元素、块元素
  • 行元素,仅占用一行而不会另起一行。有<strong>粗体  和<em>斜体。
  • 1 <h1 align="center"><font color="#dc143c" size="6">这是行元素,并不会另起一行。</font></h1>
    2 <strong>这是粗体</strong>    <em>这是斜体</em>

    HTML学习:媒体元素、行元素、块元素

HTML学习:媒体元素、行元素、块元素

上一篇:如何在 Angular CLI 创建的项目中自定义 webpack 配置


下一篇:【函数分享】每日PHP函数分享(2021-1-12)