初学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/。