这篇博客介绍了HTML学习的基础知识，包括常用工具vscode，HTML的基本构成元素如<head>, <body>, <title>，详细讲解了标题、段落、文本格式化、图片、路径、音视频和链接等标签的使用，并提供了属性示例，帮助初学者理解HTML的语法和实践。"
102636162,8553934,数学之美：重积分的理论与应用,"['数学分析', '微积分', '几何应用', '物理应用', '积分计算']
一，工具
vscode
二，html基础构成
<head><\head>头
<body><\body>体
<title><\title>标题
三，标签
1，标题和段落标签
<h1>~<h6>
<\h1>~<\hh6>1~6级标题
<p><\p>段落
2，文本换行和分割线标签
<hr> (horizental rule)添加水平线
<br>(blank rule)换行符
PS：<br>只会简单切换下一行，而<p>会在换行后增加一些垂直间距。另外，<p>需要在结尾处声明<\p>。而<br>只需要在XHTML中声明<\br>。
3，文本格式化标签
加粗：<strong>等于<b>(bold)
倾斜：<em>等于<i>(italian)
下划线：<ins>等于<u>(underline)
删除线：<del>等于<s>(delete)
至于用哪个标签，一般认为前者有强调的语义。不过还是看程序员的使用习惯。
四，图片标签
<img src=" ">
img为图片标签本身，空格后的内容都是它的属性。属性可以添加无数个，不分先后，但要注意彼此间用空格隔开：<img src=" " alt=" " title=" ">
src=" "图片属性，值为图片名
alt=" "替换文字，图片不显示时，代替图片显示
title=" "悬停文字，鼠标悬停的时候显示（在其他标签也可使用）
五，路径
1.绝对路径
直接把URL或者文件盘符地址丢进去
①<src = "https://rule34/index.php?page=post&s=view&id=5704231" >
②<src = "E:\学习资料\日文\勿动\请输入密码\1\5\2\寅\7\2\6\7\2\5\4\5\a\*\壬\girl.jpg
因为只留下一串地址，很容易因为源发生变化而导致内容失效，就像拔吊溜号的尼哥一样，很不负责任，所以企业内一般不会容忍这种写法。
2.相对路径
即：html文件所在地的就近位置，如：
同一文件夹内：
<src = "./girl.jpg">
girl.jpg前的“ ./ ”表示：在当前位置，也可以不写
下一文件夹（photo)内：
<src = "photo/girl.jpg>
上一文件夹中：
<src = "../girl.jpg>
既然 ./ 表示当前位置，那么 ../ 就表示上一位置啦。
上一文件夹的另一文件夹（file) 中：
<src = "../file/girl.jpg>
六，音视频标签
1.音频标签
<audio src=" " >
其他属性有：
controls: 显示一个音频播放的控件，注意末尾带一个s
autoplay: 进入网页时自动播放。不过因为有时候会吓人一跳，所以有些气急败坏的政客和程序员在大部分浏览器禁用了这个属性。
loop: 循环播放
2.视频标签
<video src =" " >
其他属性（和音频标签的属性一样）：
controls：显示一个视频播放的空间
autoplay：进入网页时自动播放。不过因为有时候会不小心在办公室公放凰片导致社死，所以一般不好使。而Google的程序员要求Chrome必须加上“ muted ”才能自动静音播放，非常的人性。
loop：循环播放
七，链接标签
1.基础
<a href = " ">这里写点击后就会跳转的文字</a>
href 就是 hypertext reference， 引号内写跳转地址，如URL：
<a href = " http://www.yourmom.xxx">（我随便乱打的一个地址，居然有张meme跳出来，人傻了
或者html文件：
<a href = " ../nicetits.html>
或者就是能点的文字，但里面是空的：
<a href = "#">
2.属性
type：点开跳转链接后，新页面的打开方式
用法：<a href = "Thisismykingdom.com type="_blank"> ←在新标签页打开
<a href = "Thisismykingdom.com type="_self"> ←覆盖原页面
扫一扫
312
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
