HTML初识（二）—标签

标签

1. 特殊符号

   	©版权©
   	&lt;小于号<
   	&gt; 大于号>
   	&quot; 引号"
   	&nbsp; 空格 
   

   ©
   <
   >
   "
    

2. 水平线

   <hr />
   

   ---

3. 字体加粗

   <strong>123456</strong>
   

   123456

4. 字体倾斜

   <em>123456</em>
   

   123456

5. 换行标签

   123 <br/>456
   

   123
   456

6. 表单标签

    <form method=”get/post” action=”路径”>
   	<input type=”text” readonly=”readonly”> 文本框   -- 只读
   	<input type=”password”> 密码框
   	<input type=”radio”>  单选按钮 （name 必须一致）
   	<input type=”checkbox”>  多选按钮
   	<textarea cols=”n” rows=”m”></textarea>   n：列数  m:行数
   	<input type=”file”>  上传文件
   	<input type=”submit”  disabled=”disabled”>  表单的提交按钮  禁用
   	<input type=”reset”> 表单的重置按钮
   	<input type=”button”> 普通的按钮
   	<input type=”hidden”> 隐藏
   	<select>   选择下拉框
   		<option></option>
   		<option></option>
   	</select>
   	<input type=”email”>  邮箱
   	<input type=”url”>  网址
   	<input type=”color”>  颜色
   	<input type=”search”>  搜索框
   	<input type=”number” step=”步长” max=”最大值” min=”最小值” value=”初始值”>  数字
   	<input type=”date”>  日期
   </form>
   

7. 初级表单验证
   ①默认提示：placeholder =”提示内容”
   ②必填： required =“required ”
   ③pattern 正则表达式 ^1[358]\d{9}
   ④点击文字自动获取焦点 label

   <label for="username">用户名</label>
   	<input id="username" type="text" pattern="[-\w\u4E00-\u9FA5]{4,10}" /> 
   

8. 布局标签-html5 语义化标签
   ①div
   ②header
   ③main
   ④nav
   ⑤aside
   ⑥article
   ⑦footer

9. 音频，视频

   ①<audio src=”音频路径” controls=”controls”></audio>
   ②<video src=”视频路径” controls=”controls”></video >
   

10. Datalist

    <input list=”列表名称” />
    <datalist id= “列表名称”>
    	<option>1</option>
    	<option>2</option>
    <option>3</option>
    </datalist>
    

11. mark 标记，和高亮

    <mark>123456</mark>