HTML2

 1、添加照片

<img src="图片位置" alt="图片非正常显示时出现的文字内容"> 

<figure>
    <img src="图片位置"alt="图片非正常显示时出现的文字内容">
    <figcaption>图片描述</figcaption>
</figure>

2、导入视频Video

<video src="视频地址" controls autplay loop></video>

加入controls autplay loop表示自动循环播放

3、导入音频audio

<audio src="音频地址" controls autplay loop></audio>

加入controls autplay loop表示自动循环播放

4、input属性——表单：

①账号：<input type=”text”>

②密码：<input type=”password”>

③单选框：<input type=”radio”name=””value=””>

④复选框：<input type=”checkbox”name=””value=””>

⑤多行文本框：<textarea name=””id=””cols=””rows=””>

⑥下拉列表：<select  name=””>

                     <option  value=””></option>

              </select>

⑦邮箱：<input type=”text”placeholder=””>

⑧提示信息：<details>

                     <summary></summary>

                     <p></p>

              <details>

⑨普通按钮：<input type=”button”value=”改名”>

⑩提交按钮：<input type=”submit”value=””>

⑾重置按钮：<input type=”reset”value=””>

⑿手机号码： <input  type=”text”maxlenght=”最大位数” requived="必填选择不能为空">

⒀日期：<input type=”date”/>

⒁身高：<input type=”number”max=””min=””step=”增加高度”value=”默认值”>

⒂体重：<input type=”range” max=””min=””step=”增加体重”value=”初始数据”>

⒃喜欢的颜色：<input type=”color”name=”color”>

5、H5的语义化标签：

nav——导航

aside——侧边栏

article——独立的主题

hgroup——汇总标题

footer——放置友情链接，版权声明

6、标准文档流：

①display——用于确定元素类型

       div/p——block块级，独占一行，可设置宽高

       span——inline内联，行内，不可设置宽高

②h1-h6块级元素

       常用于布局的块级元素：ol、ul、dl、table、from、div

       常用于布局的内联元素：img、span、br、input、textarea

③块级元素可包含内联元素，反之则不能嵌套