Html部分标签

Html

基本标签

标题标签

• h1,h2以此类推到h6

段落标签

• <p>

水平线标签

• <hr>

换行标签

• <br>
• <div>内容</div>

字体样式标签

1. 粗体：<strong></strong>
2. 斜体：<em></em>

图像标签

1. 写法：<img src="" alt=""/>
2. src：图片地址（必要）
3. alt：找寻图片失败的替代名（必要）
4. title：悬停文字
5. width，height：图片长款

链接标签

1. 写法：<a href=“path” target=“目标窗口位置”>链接文本或图片</a>

2. target属性介绍：

   • _self：把新网页在自己的网页打开（默认）
   • _blank：开启一个新的网页

• 指定一个iframe的name，在iframe中打开新网页

3. 锚链接：href属性可以选择一个元素id，跳转到选择元素的位置

列表标签

• 有序列表：<ol><li></li></ol>
• 无序列表：<ur><li></li></ur>
• 自定义列表：<dl><dt>标题</dt><dd>内容</dd></dl>

表格标签

• <table><tr><td>123</td></tr></table>
• table：表格
• tr：表格行
• td：表格列
• th：加粗列
• rowspan：跨行
• colspan：跨列

媒体元素标签

视频标签

• <video src=“视频的资源路径” controls autoplay></video>

• controls：控制条的开关

• autoplay：自动播放

音频标签

• <audio src=“音频文件路径” controls autoplay></audio>
• 同上

页面结构

iframe内联框架

• <iframe src=""></iframe>
• src：地址
• width，height：宽高
• name

表单标签

• 语法：

  <form action=“表单提交的地址” method=“提交方式（get/post）”>

  ​ <p>密码：<input type=“password” name=“pwd”/></p>

  </fram>

input标签

type属性：

• text：文本框（默认）
• password：密码文本框
• submit：提交按钮
• reset：重置按钮
• hidden：隐藏
• checkbox：复选框
• button：按钮，value属性是按钮上显示的内容
• radio：单选框，单选框name相同才算同一组。
• image：图片按钮（和submit有同样的效果）
• number ：数字框
  • max：最大值
  • min：最小值
  • step：步长（数字间隔）
• range：滑块
  • min，max，step：同上
• search：搜索框
• file
• url
• email

name

• 表单元素名称，必须指定

value

• 元素初始值，radio必填

readonly

• 只读，不可修改

disabled

• 禁用

hidden

• 隐藏

placeholder

• <input type=“text” name=“username” placeholder=“请输入用户名”></input>
• 在文本框中加一个默认的描述

required

• 输入框不能为空

pattern

• 传入正则表达式
• 文本框中的内容必须符合传入的正则表达式

maxlength

• 文本框指定字符串最大长度

checked

• 单，复选框指定初始选中

下拉框标签

• <select name=“元素提交时的名称”>

  ​ <option value=“game”>游戏</option>

  ​ <option value=“study”>学习</option>

  </select>

文本域

• <textarea name=“元素名” cols=“10” rows=“10”></textarea>

label标签

• <label for=“指定一个input标签的name”>显示内容</label>
• 增强鼠标可用