终于开始 Web,记一些笔记

终于✌️鼓起勇气✌️开始学习了《入门到跑路系列课程之 Web 前端》。之前因为经常接触的原因了解了一些 html 的语法,但一直没有系统学习过。

看看这次又能坚持学习多久……(说什么呢!)

话不多说,记一些笔记。

Jan 30


一个 html 文件的代码结构

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
<!DOCTYPE HTML>
<html>
<head>
    <!--head 的信息-->
    <title>...</title>
    <meta>
    <link>
    <style>...</style>
    <script>...</script>
</head>
<body>
</body>
</html>

插入邮件发送链接

1
2
3
<a href="mailto:me@example.com?cc=抄送地址&bcc=密件抄送地址&subject=主题&body=内容" target=_blank>
  点我发邮件!
</a>

效果:

点我发邮件!


表单 form

输入框

1
2
3
4
5
6
<form>
    文本输入框:
    <input type="text" name="typeText">
    密码输入框:
    <input type="password" name="password">
</form>

效果:

文本输入框: 密码输入框:

突然发现在博客上写 html 真是太方便了,不由地感叹。一边 Markdown,一边 html,还能立马看到效果。


文本域

1
2
3
4
5
6
7
<form method="post" action="save.php">
    文本域:
    <!--cols行数,rows为列数-->
    <textarea cols="30" rows="3">
    留下些什么吧
    </textarea>
</form>

效果:

文本域:

Feb 7


选框

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<form method="post" action="save.php">
    单选框:<br />
    <input type="radio" value="1" name="chooce" checked="checked">    <input type="radio" value="0" name="chooce"></form>

<form method="post" action="save.php">
    复选框:<br />
    <input type="checkbox" value="1" name="yes" checked="checked">    <input type="checkbox" value="0" name="no"></form>

效果:

单选框:
复选框:

这个编辑编辑代码是真心难用。不过没关系难用的都用习惯了,到时候用好用的就得心应手了。(并不)


Mar 4


好久没有开始学习了,看来还是懈怠了。不能这样,继续!坚定地继续!


下拉列表

1
2
3
4
5
6
<from name="iform">
  <label>列表</label>
  <select>
    <option value='1'>1</option>
    <option value='2'>2</option>
    <option value='3'>3</option>

效果:


正在加载评论区...