2021.9.17HTML
HTML
1.基本格式
2.基本标签
<h1>一级标签h1>
<h2>二级标签h2>
<h6>六级标签h6>
?
子曰：“学而时习之，不亦说乎？有朋自远方来，不亦乐乎？人不知而不愠，不亦君子乎？
有子曰:“其为人也孝弟而好犯上者，鲜矣；不好犯上而好作乱者，未之有也。君子务本，本立而道生。孝弟也者，其为仁之本与!”
?
?
<p>子曰：“学而时习之，不亦说乎？有朋自远方来，不亦乐乎？人不知而不愠，不亦君子乎？p>
<p>有子曰:“其为人也孝弟而好犯上者，鲜矣；不好犯上而好作乱者，未之有也。君子务本，本立而道生。孝弟也者，其为仁之本与!”p>
?
?
子曰：“学而时习之，不亦说乎？有朋自远方来，不亦乐乎？？人不知而不愠，不亦君子乎<br>
有子曰:“其为人也孝弟而好犯上者，鲜矣；不好犯上而好作乱者，未之有也。君子务本，本立而道生。孝弟也者，其为仁之本与!”
?
<hr>
?
<h1>字体样式标签h1>
粗体：<strong>I am your momstrong><br>
斜体：<em> I am your momem>
?
空 格：<br>
>大于符号<br>
<小于符号<br>
©hhhhh版权所有<br>
3.图像及链接
<img src="../resource/814380_screenshots_20201230194406_1.jpg" alt="图片" title="悬停文字" width="200" height="180">
?
<a href="https://www.baidu.com" target="_blank">11a>
<a href="https://www.baidu.com" target="_self">22a>
?
<a href="#top">回到顶部a>
?
<a href="mailto:1442487210@qq.com">联系我a>4.列表
<ol>
<li>Javali>
<li>Pythonli>
<li>运维li>
<li>前端li>
<li>Cli>
ol>
<ul>
<li>Javali>
<li>Pythonli>
<li>运维li>
<li>前端li>
<li>Cli>
ul>
<dl>
<dt>Javadt>
?
<dd>Pythondd>
<dd>运维dd>
<dd>Cdd>
<dd>dd>
<dd>dd>
?
<dt>位置dt>
<dd>西安dd>
<dd>西安dd>
<dd>西安dd>
dl>5.表格
<table border="1px">
<tr>
<td colspan="4">1-1td>
tr>
<tr>
<td rowspan="2">2-1td>
<td>2-2td>
<td>2-3td>
<td>2-4td>
tr>
<tr>
<td>3-1td>
<td>3-2td>
<td>3-3td>
tr>
table>
<table border="1px">
<tr>
<td colspan="4">课表td>
tr>
<tr>
<td rowspan="2">上午td>
<td>英语td>
<td>数学td>
tr>
<tr>
<td>语文td>
<td>科学td>
tr>
<tr>
<td rowspan="2">下午td>
<td>英语td>
<td>数学td>
tr>
<tr>
<td>语文td>
<td>科学td>
tr>
table>
6.视频与音频
<video src="../" controls autoplay>video>
<audio src="../" controls autoplay>audio>
?
7.内联框架
<iframe src="https://www.baidu.com" frameborder="0">iframe>
?
8.表单与提交
<form action="https://www.baidu.com" method="GET">form>
?
<p>
<input type="submit">
<input type="reset" value="清空表单">
p>
9.文本框和单选框
<p>名字：<input type="text" name="username" >p>
<p>密码：<input type="password" name="password">p>
?
<p>性别：
<input type="radio" value="boy" name="sex"/>男
<input type="radio" value="girl" name="sex"/>女
p>
10.按钮和多选框
<p>
<input type="checkbox" value="sleep" name="hobby">睡觉
<input type="checkbox" value="code" name="hobby">代码
<input type="checkbox" value="girl" name="hobby">女孩
<input type="checkbox" value="game" name="hobby">游戏
?
p>
?
<p>
<input type="button" name="btn1" value="点击变长">
<input type="image" src="../resource/捕获2.PNG" width="200" height="100">
p>
11.列表框文本域文件域
<p>国家
<select name="列表名称">
<option value="China">中国option>
<option value="USA">美国option>
<option value="RS" selected>瑞士ETHoption>
<option value="Indian">印度option>
select>
p>
?
<p>反馈:
<textarea name="textarea" id="" cols="30" rows="10">文本内容textarea>
p>
?
<p>
<input type="file" name="files">
<input type="button" value="上传文件" name="upload">
p>
12.搜索框滑块和简单验证
<p>邮箱:
<input type="email" name="email">
p>
?
?
<p>URL:
<input type="url" name="url">
p>
?
<p>数字:
<input type="number" name="number" max="100" min="0">
p>
?
<p>滑块:
<input type="range" name="voice" min="0" max="100" step="2">
p>
?
<p>搜索:
<input type="search" name="search">
p>
13.表单的应用
<p>
<label for="mark">你点我试试label>
<input type="text" id="mark">
p>
14.表单的初级验证
placeholder 提示信息
required 非空判断
pattern 正则表达式
<p>自定义邮箱:
<input type="text" name="diyemail" pattern="^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$">
p>
跟着狂神学Java
原文：https://www.cnblogs.com/Longyuqin/p/15307211.html