HTML的学习笔记
简单贴上学习HTML的时候的全部标签代码
代码
下面展示一些 内联代码片
。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1 id="begin">我是一级标题</h1>
<h2>我是二级标题</h2>
<h3>我是三级标题</h3>
<h4>我是四级标题</h4>
<h5>我是五级标题</h5>
<h6>我是六级标题</h6>
<p>清晨,如果我比往常早点去公司,总会在一个特定的时间和路段,与一位中年环卫工相遇。<br/>他结实黑瘦的身材,略带微笑的脸庞,在随身听播放的歌声里轻快的忙碌着。晨曦洒在他健康、黝黑的脸上不但看不到一丝苦恼和自卑,还时不时看见他随着音乐低吟浅唱,一付悠然自得的样子。他的快乐每次都会传递到我,把我感染,一天的好心情从此开始。</p>
<p>记得很久前看到一则报道,一位曾经是贵小姐家庭出身的女人,因家道破落,她不但失去了曾有的优越富贵的生活,最后还沦为掏粪工,但令人不可思议的是,她坚持每天抽出时间喝下午茶,用祖上留下的面包烤炉做烤面包。在常人看来人生遭此不幸,不说万念俱灰,身心俱疲,也是没什么意义了,但她仍执着的保持一份匪夷所思的优雅和恬静。我不知道这个报道的真实性,如果是真的,那么这样的气定神闲,这样强大的,超越肉体高高在上的灵魂,还有什么东西能把她击垮?</p>
啦啦啦<strong>加粗</strong>啦啦啦<br/>
啦啦啦<b>加粗</b>啦啦啦<br/>
啦啦啦<em>倾斜</em>啦啦啦<br/>
啦啦啦<i>倾斜</i>啦啦啦<br/>
啦啦啦<del>删除线</del>啦啦啦<br/>
啦啦啦<s>删除线</s>啦啦啦<br/>
啦啦啦<ins>下划线</ins>啦啦啦<br/>
啦啦啦<u>下划线</u>啦啦啦<br/>
<div>我是一个div标签,独占一行</div>123
<div>我是一个div标签,独占一行</div>123
<span>一行可以放多个span</span>
<span>一行可以放多个span</span>
<text>dasasd</text><br />
<h4>图像标签:</h4><img src="./1.png" width="500"/>
<h4>图像标签,图片显示不出来的时候显示文字:</h4> <img src="./11.png" alt="图片显示不出来的时候显示alt文字" title="hhh" /><br/>
<a href="https://www.baidu.com" target="_blank">百度超链接</a><br/>
<a href="https://www.taobao.com" target="_self">淘宝超链接</a><br/>
<a href="#" target="_self">空链接</a><br/>
<a href="1.png" target="_blank">下载链接,若为压缩包或者文件,则会下载这个文件</a><br/>
<h4>图片超链接</h4>
<a href="https://www.taobao.com" target="_blank"><img src="1.png" title="图片超链接" width="500"/></a><br/>
<a href="#begin"> <h4 >锚定链接,跳到开头</h4> </a>
<!-- 这是一行注释 -->
空 格<br/>
<p>是大于小于号标签
<h1 align="center">表格</h1>
<table align="center" border="1" cellpadding="0" cellspacing="0" width="500" height="249">
<thead>
<tr> <th>姓名 </th><th>性别</th><th>年龄</th> </tr>
</thead>
<tbody>
<tr> <td>刘德华 </td><td>男</td><td>11</td> </tr>
<tr> <td>张学友 </td><td>男</td><td>12</td> </tr>
<tr> <td>郭富城 </td><td>男</td><td>13</td> </tr>
<tr> <td>黎明 </td><td>男</td><td>14</td> </tr>
</tbody>
</table>
<h4>无序列表</h4>
<ul>
<li>榴莲</li>
<li>草莓</li>
<li>苹果</li>
<li>香蕉</li>
</ul>
<h4>有序列表</h4>
<ol>
<li>榴莲</li>
<li>草莓</li>
<li>苹果</li>
<li>香蕉</li>
</ol>
<h4>自定义列表</h4>
<dl>
<dt>水果</dt>
<dd>榴莲</dd>
<dd>草莓</dd>
<dd>苹果</dd>
<dd>香蕉</dd>
</dl>
<form action="demo.php" method="POST" name="name1">
用户名:<input type="text" name="username" value="请输入用户名"><br/>
密码:<input type="password" name="psw"><br/>
性别:<label for="nan">男</label><input type="radio" name="gender" id = "nan"value="男" checked="checked"><label for="nv">女</label><input type="radio" name="gender" id ="nv" value="女"><br/>
爱好:<input type="checkbox" name="hobby" value="吃饭">吃饭<input type="checkbox" name="hobby" value="睡觉">睡觉<input type="checkbox" name="hobby" value="打豆豆">打豆豆<br/>
<input type="submit" value="提交,快提交"><br/>
<input type="reset" value="重新填写"><br/>
<input type="button" value="这只是一个普通的按钮"><br/>
上传文件<input type="file" value="文件"><br/>
籍贯:
<select>
<option>金星</option>
<option>水星</option>
<option>火星</option>
<option>木星</option>
<option>土星</option>
<option selected="seleceted">天王星</option>
</select>
<textarea cols="20">这是一个文本域</textarea>
</form>
</body>
</html>