html是*超文本标记语言* (HyperText Markup Language)
并不是*编程语言* 而是一种*标记语言*
如何理解超文本标记:
超文本:
(超越文本限制)可以添加图片,声音,动画,多媒体……
超链接:
可从一个文件转跳到另一个文件,与其他主机文件相连接……
常用标签我写在脑图了:点我传送 电脑浏览效果更佳
常用标签我写在脑图了:点我传送 电脑浏览效果更佳
常用标签我写在脑图了:点我传送 电脑浏览效果更佳
常用标签我写在脑图了:点我传送 电脑浏览效果更佳
PS:相对路径与绝对路径
以w3school为例:
假设我们需要查询 a(超链接) 标签
1.快速生成html文本格式:!+Tab
2.保存 ctrl+S
3.浏览器中打开 Alt+B(首先需要安装open in browser插件)
4.自动换行 Ctrl+Z
效果图:
源码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
h2 {
text-align: center;
}
</style>
</head>
<body>
<h2>Welcome To Join Us</h2>
<table align="center" border="1" cellpadding="100" cellspacing="0">
<!-- 第一行 -->
<tr>
<td>性别</td>
<td>
<label for="nan">男</label> <input type="radio" name="sex" id="nan"> <label for="nan"><img src="http://39.98.123.18/index.php?share/fileDownload&user=1&sid=7JTESu2w"></label>
<label for="nv">女</label> <input type="radio" name="sex" id="nv"> <label for="nv"><img src="http://39.98.123.18/index.php?share/fileDownload&user=1&sid=DxbFpTHG"></label>
</td>
</tr>
<!-- 第二行 -->
<tr>
<td>生日</td>
<td>
<select>
<option>--请选择年份--</option>
<option>2002</option>
<option>2001</option>
<option>2000</option>
<option>1999</option>
<option>1998</option>
</select>
<select>
<option>--请选择月份--</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
<select>
<option>--请选择日--</option>
<option >1</option>
<option >2</option>
<option >3</option>
<option >4</option>
<option >5</option>
<option >6</option>
<option >7</option>
<option >8</option>
<option >9</option>
<option >10</option>
<option >11</option>
<option >12</option>
<option >13</option>
<option >14</option>
<option >15</option>
<option >16</option>
<option >17</option>
<option >18</option>
<option >19</option>
<option >20</option>
<option >21</option>
<option >22</option>
<option >23</option>
<option >24</option>
<option >25</option>
<option >26</option>
<option >27</option>
<option >28</option>
<option >29</option>
<option >30</option>
<option >31</option>
</select>
</td>
</tr>
<!-- 第三行 -->
<tr>
<td>所在班级</td>
<td>
<input type="text" placeholder="学院">
<input type="text" placeholder="专业">
<input type="text" placeholder="班级">
</td>
</tr>
<!-- 第四行 -->
<tr>
<td>
自我介绍
</td>
<td>
<textarea placeholder="自我介绍"></textarea>
</td>
</tr>
<!-- 第五行 -->
<tr>
<td colspan="2">
<button>立即提交</button>
</td>
</tr>
<!-- 第六行 -->
<tr>
<td colspan="2">
<h3>
我的承诺
</h3>
<ul>
<li>好好学习</li>
<li>天天向上</li>
<li>开开心心</li>
</ul>
</td>
</tr>
</table>
</body>
</html>
本文地址:https://blog.csdn.net/qq_45816372/article/details/107525932
如对本文有疑问, 点击进行留言回复!!
XSS训练网站XSS Challenges所有题目解(中篇)
如何给未越狱的ios下载历史版本的app?未越狱IOS系统安装历史版本软件的方法,iPhone未越狱的手机如何安装旧版本APP?
Unity Android playerSetting相关设置
网友评论