HTML
HTML
Hyper Text Markup Language
<html lang="en"><head> <meta charset="UTF-8"> <title>第一个HTML</title></head><body>Hello, World!</body></html>
网页基本标签
<html lang="en"><head> <meta charset="UTF-8"> <title>基本标签学习</title></head><body><h1>一级标签</h1><h2>二级标签</h2><h3>三级标签</h3><h4>四级标签</h4><h5>五级标签</h5><p>天门 中断 楚江开,碧水 东流 至此回。</p><p>两岸 青山 相对出,孤帆 一片 日边来。</p><hr/>天门 中断 楚江开,碧水 东流 至此回。</br>两岸 青山 相对出,孤帆 一片 日边来。</br><h1>字体样式标签</h1>粗体:<strong>I Love You</strong> </br>斜体:<em>I Love You</em> </br>空 格 </br>©版权所有杨润泽</body></html>
图像标签
<html lang="en"><head> <meta charset="UTF-8"> <title>图像标签</title></head><body><img src="../109951165325140747.jpg" alt="专辑图片" title="悬停文字" width="120" height="120"></body></html>
链接标签
<html lang="en"><head> <meta charset="UTF-8"> <title>链接标签</title></head><body><a name="top">顶部</a><a href="基本标签.html" target="_self">点击跳转到我的标签</a> </br><a href="https://www.baidu.com/" target="_blank">点击在新页面打开百度</a> </br><a href="https://www.baidu.com/"><img src="../109951165325140747.jpg" alt="专辑图片" title="悬停文字" width="120" height="120"></a> </br><a href="#top">回到顶部</a><a href="mailto:1500200086@qq.com">点击联系我</a></body></html>
列表
<html lang="en"><head> <meta charset="UTF-8"> <title>列表学习</title></head><body><ol> <li>Java</li> <li>Python</li> <li>C++</li></ol><hr/><ul> <li>Java</li> <li>Python</li> <li>C++</li></ul><hr/><dl> <dt>学科</dt> <dd>Java</dd> <dd>Python</dd> <dd>C++</dd> <dt>位置</dt> <dd>新疆</dd> <dd>杭州</dd> <dd>青岛</dd></dl><hr/></body></html>
表格
<html lang="en"><head> <meta charset="UTF-8"> <title>表格学习</title></head><body><table border="1px"> <tr> <td colspan="3">1-1</td> </tr> <tr> <td rowspan="2">2-1</td> <td>2-2</td> <td>2-3</td> </tr> <tr> <td>3-1</td> <td>3-2</td> </tr></table></body></html>
媒体元素
<html lang="en"><head> <meta charset="UTF-8"> <title>媒体元素</title></head><body><video src="../1.mp4" controls autoplay></video><audio src="../2.mp3" controls autoplay></audio></body></html>
iframe内联框架
<iframe src="https://www.baidu.com/" frameborder="0" width="1300" height="1300"></iframe>
form表单
<html lang="en"><head> <meta charset="UTF-8"> <title>表单学习</title></head><body><h1>注册</h1><form action="基本标签.html" method="get"> <p>用户名:<input type="text" name="username" value="admin" readonly></p> <p>密码:<input type="password" name="password" hidden></p> <p> <input type="radio" value="boy" name="sex"/>男 <input type="radio" value="girl" name="sex"/>女 </p> <p>爱好: <input type="checkbox" value="sleep" name="hobby"/>睡觉 <input type="checkbox" value="code" name="hobby"/>敲代码 <input type="checkbox" value="chat" name="hobby"/>聊天 <input type="checkbox" value="game" name="hobby"/>游戏 </p> <p>按钮: <input type="button" name="btn1" value="点击边长"/> <input type="image" src="../109951165325140747.jpg"> </p> <p>国家: <select name="列表"> <option value="eth">瑞士</option> <option value="Canada">加拿大</option> <option value="China" selected>中国</option> <option value="Japan">日本</option> </select> </p> <p> <textarea name="textarea" cols="50" rows="10"></textarea> </p> <p> <input type="file" name="files"> <input type="button" value="上传" name="upload"> </p> <p>邮箱: <input type="email" name="email"> </p> <p>URL: <input type="url" name="url"> </p> <p>商品数量: <input type="number" name="num" min="0" max="100" step="1"> </p> <p>音量: <input type="range" name="voice" min="0" max="100" step="2"> </p> <p>搜索: <input type="search" name="search"> </p><p> <input type="submit"> <input type="reset"></p></form></body></html>
表单初级验证
<form action="表单验证.html" method="get"> <p>用户名:<input type="text" name="username" placeholder="请输入用户名"></p> <p>密码:<input type="password" name="password" hidden required></p> </form>