HTML学习笔记(一)

一、html是什么

1.HTML：HyperText（超文本） Markup（标记） Language

2.html不是编程语言，而是一种标记语言

3.常说的web页面其实就是html文档

二、html基础

特别注意，html标签通常是成对出现的

1.html标题是由<h1>-<h6>标签定义的

比如：<h1>标题</h1>

2.html段落是由<p>标签定义的

比如：<p>段落</p>

3.html链接是由<a>标签定义的，其后的href中指定链接的地址

比如：<a href="https://mywangzai.github.io>"本人博客链接</a>

注意：这里的前面a是<a而不是<a>

4.html图像是由标签<img>定义的

比如：<img src="https://www.your-image-source.com/your-image.jpg"/>

说到图片路径，src后面的那个如果是本地图片且其放置的地方与html在同一及文件夹，就直接：文件夹名称/图片名称(包含扩展名)，如果是上一级就：./xxx/xxx.png，上上一级就：../../xxx/xxx.png，当然，直接从图片属性中将其路径复制过来也可以

如果想调用网络上的图片，直接右键复制图片链接也可以（就看网页愿不愿意许可你的申请）

对，还有一点，在图片尺寸感觉合适的情况下，可以直接百度搜索图片转base64，选中你的图片，转为base64，后直接复制base64到 “ ”里面

5.html音乐是由标签<audio>定义的

比如<audio controls>

           <source src="music.mp3">

         </audio>

其中controls是起到显示播放暂停等按钮的作用

6.html视频是由标签<video>标签定义的

比如<video width="500" height="400" controls>

             <source src="movie.mp4" type="video/mp4">

             </video>