HTML
1、网页的基本信息
<!--告诉浏览器，我们使用html规范-->
<!DOCTYPE html>
<!--所有内容都需要在html标签中书写-->
<html lang="en">
<!--head标签里面存放的是网页的头部信息-->
<head>
<!--meta描述性标签，用来描述网页的一些信息-->
<meta charset="UTF-8">
<!--title网页标题-->
<title>首页</title>
</head>
<!--body标签里面存放的是网页的主体内容-->
<body>
hello，world！
</body>
</html>
2、网页基本标签
tips:输入标签名称 再按Tab键 可以快速书写
| 名称 | 标签样式 | 描述 |
| 标题标签 | <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6> | h1至h6字体依次减小 |
| 段落标签 | <p></p> | 段落之间 间距大，换行间距小 |
| 换行标签 | <br> | |
| 水平线标签 | <hr> | 在屏幕上显示一条水平分割线 |
| 字体样式标签 | <strong>粗体</strong> <em>斜体</em> | |
| 特殊符号 | > 大于 < 小于 | 其他不常用的不需要记，输入 & 加一个字母 会有提示 |
| 图像标签 | <img src=" " alt=" " > | 相对路径：../ 返回上一级目录 src：资源路径 alt：当图片不显示时，显示alt里面的内容 |
| 超链接标签 | <a href=""> </a> | a标签，href：链接地址 中间可以嵌套img标签 |
| 列表标签 | 有序列表： <ol>
<li>Java</li>
<li>Python</li>
<li>C</li>
</ol> 无序列表： <ul>
<li>Java</li>
<li>Python</li>
<li>C</li>
</ul> | 有序：order list 无序：unorder list li：list |
| 表格标签 | <table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table> | tr：行标签 td：列标签 |
| 媒体元素标签 | 视频标签： <video src=""></video> 音频标签： <audio src=""></audio> | |
| 表单标签 | 登录注册表单：
<form action="first.html" method="get">
<p>
账号：<input type="text" name="username"><br>
密码：<input type="password" name="password">
</p>
<p><input type="submit" value="登录">
<input type="reset" value="重置">
</p>
</form> 单选按钮： <form action="first.html" method="get">
<input type="radio" name="sex">男
<input type="radio" name="sex">女
</form> | action：表单数据提交的位置 name：同一个表示在同一个组，单选时只能选一个。多选时key相同，会响应成一个数组。 |
776
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
