前端学习

HTML

基本语法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>This is title</title>
</head>

<body>
<!-- This is explanation-->
<h1>Now we study how to write</h1>
<hr>
<h1>This is Heading1</h1>
<h2>This is Heading2</h2>
<h6>MAX Heading is 6</h6>
<strong>This is strong</strong>
<br>single tag:next paragraph
<hr>single tag:divider

<p>This is paragraph</p>

<p>This is paragraph This is paragraph This is paragraph <br><strong>ATTENTION:single tag:next paragraph</strong> This
is paragraph This is
paragraph This is paragraph This is paragraph This is paragraph This is paragraph This is paragraph This is
paragraph This is paragraph This is paragraph This is paragraph </p>

<b>same as strong</b>
<u>This is underline</u>
<i>This is italic</i>
<s>This is delete</s>
<p>You must have find that even if you wrap in vscode, it won't wrap in Webpage</p>
<hr>
<hr>
<hr>
<h1>Now we study how to insert some medium</h1>
<h2>Now we study how to insert a photo</h2>
<hr>
<!-- 只写宽或高会等比例变换 两个都写可能变形 -->
<img src="./MD5.png" alt="加载失败(替换文本示例)" title="This is title" width="200">
<!-- 下级目录 -->
<img src="in/MD5.png">
<!-- 上级目录 就用../-->
<hr>
<h2>Now we study how to play music</h2>
<hr>
<audio src="刻在我心底的名字.mp3" controls autoplay loop></audio>
<hr>
<h2>Now we study how to play video</h2>
<hr>
<video src="a.mp4" controls></video>
<hr>
<hr>
<hr>
<h1>Now we study how to insert hyperlink</h1>
<a href="https://www.baidu.com/?tn=15007414_8_dg" target="_blank">跳转到百度</a>
<br>
<a href="study1.html" target="_blank">study1</a>
<br>
<a href="#">空连接</a>

</body>

</html>

微信小程序开发

app.json

pages记录当前小程序所有页面的路径

window 全局定义小程序背景文字颜色

style 组件样式


前端学习
https://brtulien.github.io/2023/09/15/前端学习/
作者
Brtulien
发布于
2023年9月15日
更新于
2024年7月1日
许可协议