标签

• < h1></ h1>标题，< p>< /p>段落 ，< br/>换行 ，< hr/>水平线标签，< strong>< /strong>粗体，< em>< /em>斜体
• 空& nbsp;格(空格符号）， 特殊符号用&调
• <img src="图像地址../" alt="图像名字" title"悬停文字" width=" "  height" ">
• <a href="path" target"目标窗口位置>链接文本或图像 href:跳转网页 target：窗口在哪里打开(_blanke在新标签中打开_self在自己的网页中打开）
• < a href= "juejin.cn/?utm_source…)" target="_blank">点击我跳转稀土掘金
• 锚链接1.需要一个锚标记2.跳转到标记
• <a name =="top"顶部
• <a href="#top"回到顶部
• 功能性链接1.邮箱链接：mailto2.QQ链接 （有序列表） < ol > < li>java< /li> < li>java< /li> < li>java< /li> < li>java< /li> < /ol>

（无序列表） < ur> < li>java< /li> < li>java< /li> < li>java< /li> < li>java< /li> < ur>

（自定义列表）
 < dl>
       < dt >学科< /dt>
          <dd >java< /dd>
           <dd >python< /dd>
          <dt >位置< /dt>
          < <dd>莆田< dd>
< /dl>

表格table 行 tr 列 td border="1px"表框 colspan跨列 rowspan跨行

音频和视频

• src:资源路径
• controls:控制条
• autoplay:自动播放
• < video src="../" controls autoplay>< /video>
• < audio src="/.." controls autoplay>< /audio>

header标题头部  section网页主题 footer脚部区域 nav导航类辅助内容

内联框架 src:地址 w-h:宽度高度

表单

表单form
<form action="" method="get">
<p>名字:<input type="text" name="username" placeholder="请输入用户名" required></p>
<p>密码:<input type="password" name="pwd"></p>
<p>性别：
  <input type="radio" balue="boy"/>男
  <input type="radio" balue="girl"/>女
</p>
</form>
< p >
  < input type="submit">(提交)
  < input type="reset">(重置)
< /p>

• 文本输入框：input type=“ text"
• value="" 默认初始值
• maxlength="" 最长能写几个字符
• size=""  文本框的长度
• name:表示组

多选框

input type="checkbox" < p>按钮： < input type="button" name ="btn1" value="点击变长"> < input type="image" str=../"> < /p>

< p>爱好: <input type="checkbox" value="sellp" name="hobby>睡觉 <input type="checkbox" value="code" name="hobby>敲代码 <input type="checkbox" value="chat" name="hobby>聊天 <input type="checkbox" value="game" name="hobby>游戏

```  < p>国家:   < select name="列表名称">   < option value="china">中国 < option value="us">美国 < option value="选择的值">瑞士                 < option value="选择的值">土耳其

文本域 < p>反馈: 文本内容 < /p>

文件域 < p> < input type="file" name="files"> < input type="buttpn" value="上传" name="update"> < /p>

邮箱验证
<p> 邮箱:
  <input type="email" name="email">
</p>
<p>自定义邮箱:
  <input type="text" name="diymail" pattern="正则网站">
</p>
<----URL---->网站
<p> url:
  <input type="url" name="url">
</p>
<-----数字------>
<p>数字:
  <input type="number" name="num" max="100" min="0" step="10">
</p>
<-----滑块---->
<p>音量
  <input type="range" name="voice" min="0" max="100" step="2">
</p>
<----搜索框---->
<p>搜索：
  <input type="search" name="search">
</p>

hidden隐藏  < input type="submit" disabled>禁止

<---增强鼠标可用性---->

< label  for="mark">你点我试试< /label> < input type="text" id="mark">

<-----表单的应用----->

隐藏域hidden 只读readonly 禁用disabled

<-----表单初级验证------>

placeholder 提示信息 required 非空判断 pattern 正则表达式