html简介以及常用标签

初学html，做一个一周的小总结

html简介：

HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
html决定了网页的结构，css决定了网页的表现，js决定网页的行为
html 与 /html 之间的文本描述网页
body与 /body 之间的文本是可见的页面内容

html的主要用的标签

first：h1-h6标签元素展示了六个大小的标题，h1标题是最大的h6标题是最小的，中间字体大小依次递减。
second：p标签:HTML 段落是通过 p 标签进行定义的。是一个块元素
third：a标签: HTML 链接是通过 a标签进行定义的。

<li><a href="https://example.com">Website</a></li>

这个列子就是插入一个网站，在网页中显示为Website.
fourth：HTML 图像是通过标签 img来定义的.
src设置图片路径，width设置图片宽度，alt表示图片未加载出来显示的文字

  <img src="./插入图片.png" width="500" alt="松鼠">

fiveth：HTML音频是由标签audio定义的
参数有controls（如果没有control，用户不能控制音乐开始和暂停），src表示音频路径，autoplay表示自动播放（即一打开网页就进行播放）loop循环

 <audio src="./草鱼欣 - 与我无关 (原唱_ 阿冗).mp3"  controls autoplay loop></audio>
 //或者-->
      <audio controls>       
       对不起，你的浏览器不支持   
            <source src="草鱼欣 - 与我无关 (原唱_ 阿冗).mp3">    
            <source src="草鱼欣 - 与我无关 (原唱_ 阿冗).ogg">       <!--部分浏览器不支持MP3格式-->

    <embed src="草鱼欣 - 与我无关 (原唱_ 阿冗).mp3" type="audio/mp3" width="500">   <!--老浏览器用的是embed -->    </audio>

sixth:：video标签
HTML视频是由标签audio定义的
参数用法和audio类似，type表示视频类型

<video controls>        
  <source src="./三极管的开关特性.webm">      
    <source src="./三极管的开关特性.mp4">    
            <!-- 部分浏览器不支持MP4 -->    
                    <embed src="./三极管的开关特性.mp4" type="video/mp4" width="500">                <!-- 防止老浏览器不能用audio -->                  </video>

seventh：ul,ol,dl：html中的无序表是由标签ul定义的，有序表由ol定义，自定义序列表由dl定义

    <ul>    <!-- 无序列表 -->     
          <li>书籍</li>   
           <ol>         
          <li>文学</li>      
          <li>武侠</li>    
                         <!-- 有序列表-->       
           </ol>         
              <li>水果</li>    
      </ul>   
         <dl>      
                             <dt>结构</dt>   
                                  <dd>结构是1</dd> 
                                   <dd>结构是2</dd>        
                                    <dd>结构是3</dd>   
          </dl>

接下来是head内的一些标签：
eighth：The HTML element represents metadata that cannot be represented by other HTML meta-related elements,
meta标签描述了一些基本的元数据。
meta 标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。
META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。
元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。
meta一般放置于 head 区域。
ninth:HTML style 元素
style标签定义了HTML文档的样式文件引用地址.
在style 元素中你也可以直接添加样式来渲染 HTML 文档:可以结合css来编写
tenth:link元素
link标签定义了文档与外部资源之间的关系。
link 标签通常用于链接到样式表:
eleventh：HTML title元素
title 标签定义了不同文档的标题。
title 在 HTML/XHTML 文档中是必须的。
title 元素:
定义了浏览器工具栏的标题
当网页添加到收藏夹时，显示在收藏夹中的标题
显示在搜索引擎结果页面的标题
html的主要标签大概就这些，详细功能可以参考文档，这里推荐一个离线文档软件:zero一个国外的十分好用的软件有蛮多语言的文档，文档的下载可能有点慢，建议在网上找压缩包下载。还有一个网站可以在线使用dash软件（比较全能，有很多语言的文档）：https://devdocs.io/cpp/。