终于✌️鼓起勇气✌️开始学习了《入门到跑路系列课程之 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>
|
效果:
点我发邮件!
输入框
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>
|
效果: