html学习(1)

发表于 | 分类于 | 评论数： | 阅读次数：
第一次学习前端

本文我准备都用html进行书写

实际上也没有多少需要书写的内容直接放上这部分的代码即可了

这次也是基本的学习完了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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<html>
  <head>
    <title>my first html</title>
  </head>
  <body>
    <h1>this is h1</h1>
    <p>this is p</p>
    <p><b>粗体字</b></p>
    <p><i>italic</i></p>
    <p>e=mc<sup>2</sup></p>
    <p>co<sub>2</sub></p>
    <p>换行符<br />换行符</p>
    <p>插入横线</p><hr /><p>横线下面</p>
    <p><strong>strong</strong>
      <em>em</em>
      </p>
    <blockquote cite="http://www.baidu.com">
      <p>前往百度</p>
    </blockquote>
    <p><cite>cite</cite></p>
    <p><dfn>dfn</dfn></p>
    <p><ins>ins</ins><del>del</del></p>
    <p><s>s</s></p>
    <ol>
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
    </ol>
    <ul>
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
    </ul>
    <dl>
      <dt>1</dt>
      <dd>1的内容</dd>
      <dt>2</dt>
      <dd>2的内容</dd>
    </dl>
    <a href="https://www.baidu.com">baidu</a>
    <br />
    <a href="https://www.baidu.com" target="_blank">baidu</a>
    <br />
    <figure>
      <img src="https://i.loli.net/2019/02/14/5c64fb8ce8b64.jpeg" alt="一张图片" />
      <br />
      <figcaption>
        图片的描述
      </figcaption>
    </figure>
    <table>
      <tr>
        <td>15</td>
        <td>15</td>
        <td>30</td>
      </tr>
      <tr>
        <td>15</td>
        <td>15</td>
        <td>30</td>
      </tr>
      <tr>
        <td>15</td>
        <td>15</td>
        <td>30</td>
      </tr>
    </table>
    <table>
      <tr>
        <th></th>
        <th scope="col">c1</th>
        <th scope="col">c2</th>
      </tr>
      <tr>
        <th scope="row">r1</th>
        <td>120</td>
        <td>130</td>
      </tr>
      <tr>
        <th scope="row">r2</th>
        <td>$600</td>
        <td>$675</td>
      </tr>
    </table>
    <form class="" action="index.html" method="post">
      <p>
        username:
        <input type="text" name="username" size="15">
      </p>
    </form>
    <form class="" action="index.html" method="post">
      <p>密码
      <input type="password" name="密码" value="" size="15">
      </p>
    </form>
    <form class="" action="index.html" method="post">
      <p>选择一下
      <br />
      <input type="radio" name="genre" value="rock" checked="checked" />
      rock
      <input type="radio" name="genre" value="pop" />
      pop
      <input type="radio" name="genre" value="jazz" />
      jazz
      </p>
    </form>
  </body>
</html>
就算是一分钱，也是对作者极大的支持
------ 本文结束 ------

版权声明

Baccano by baccano is licensed under a Creative Commons BY-NC-ND 4.0 International License.
由baccano创作并维护的Baccano博客采用创作共用保留署名-非商业-禁止演绎4.0国际许可证。
本文首发于baccano 博客（ http://baccano.fun ），版权所有，侵权必究。

小游戏

---小游戏:要不要来选择一下自己可能的老婆？---

简易发声器

---简易的七键钢琴插件---

可以使用鼠标点击琴键也可以使用主键盘1-7或者小键盘的1-7来操作

那么现在开始吧

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
0%