220216HTML学习日记

一，工具

vscode

二，html基础构成

<head><\head>头

<body><\body>体

<title><\title>标题

三，标签

1，标题和段落标签

<\h1>~<\hh6>1~6级标题

<\p>段落

2，文本换行和分割线标签

<hr> (horizental rule)添加水平线

(blank rule)换行符

PS： 只会简单切换下一行，而会在换行后增加一些垂直间距。另外，需要在结尾处声明<\p>。而 只需要在XHTML中声明<\br>。

3，文本格式化标签

加粗：等于(bold)

倾斜：等于(italian)

下划线：<ins>等于(underline)

删除线：<del>等于<s>(delete)

至于用哪个标签，一般认为前者有强调的语义。不过还是看程序员的使用习惯。

四，图片标签

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文件所在地的就近位置，如：

同一文件夹内：

girl.jpg前的“ ./ ”表示：在当前位置，也可以不写

下一文件夹（photo)内：

上一文件夹中：

既然 ./ 表示当前位置，那么 ../ 就表示上一位置啦。

上一文件夹的另一文件夹（file) 中：

六，音视频标签

1.音频标签

其他属性有：

controls: 显示一个音频播放的控件，注意末尾带一个s

autoplay: 进入网页时自动播放。不过因为有时候会吓人一跳，所以有些气急败坏的政客和程序员在大部分浏览器禁用了这个属性。

loop: 循环播放

2.视频标签

其他属性（和音频标签的属性一样）：

controls：显示一个视频播放的空间

autoplay：进入网页时自动播放。不过因为有时候会不小心在办公室公放凰片导致社死，所以一般不好使。而Google的程序员要求Chrome必须加上“ muted ”才能自动静音播放，非常的人性。

loop：循环播放

七，链接标签

1.基础

<a href = " ">这里写点击后就会跳转的文字</a>

href 就是 hypertext reference，引号内写跳转地址，如URL：

<a href = " http://www.yourmom.xxx">（我随便乱打的一个地址，居然有张meme跳出来，人傻了

或者html文件：

或者就是能点的文字，但里面是空的：

2.属性

type：点开跳转链接后，新页面的打开方式

用法：<a href = "Thisismykingdom.com type="_blank"> ←在新标签页打开

<a href = "Thisismykingdom.com type="_self"> ←覆盖原页面