html入学第一天

1.有序列表

<ol > <li>dd</li> <li>aa</li> <li>dd</li> </ol>

2.无序列表

<ul> <li>无序列表</li> <li>一</li> <li>二</li> <li>三</li> <li>四</li> <li>五</li> </ul>

3.自定义列表

<h3>自定义列表</h3> <dl> <dt>一级</dt> <dd>二级</dd> <dd>二级</dd> <dt>一级</dt> <dd>二级</dd> <dd>二级</dd> </dl>

4.超链接

a:link (未访问超链接的状态)a:visited (访问后超链接的状态)a:hover (鼠标悬停时超链接的状态)a:active (鼠标单击不动时超链接的状态)controls (在新的网页显示)

4.1视频连接

1.使用video标签 video 是 HTML 5 中的新标签。 video 标签的作用是在 HTML 页面中嵌入视频元素。 以下 HTML 片段会显示一段嵌入网页的 ogg、mp4 或 webm 格式的视频： 代码如下

<video width="320" height="240" controls="controls"> <source src="movie.mp4" type="video/mp4" /> <source src="movie.ogg" type="video/ogg" /> <source src="movie.webm" type="video/webm" /> Your browser does not support the video tag. </video>

2.使用 object 标签 object 标签的作用是在 HTML 页面中嵌入多媒体元素。 下面的 HTML 片段显示嵌入网页的一段 Flash 视频：

<object data="movie.swf" height="200" width="200"/>

3.使用 embed 标签 embed 标签的作用是在 HTML 页面中嵌入多媒体元素。 下面的 HTML 代码显示嵌入网页的 Flash 视频：

<embed src="movie.swf" height="200" width="200"/>

4.2音乐连接

用 audio

<audio autoplay="autoplay" id="audio_play" loop="loop"> <source src="MP3地址" type="audio/mpeg"> <source src= type="audio/mpeg"> </audio>

4.3图片连接

用 a 标签和 img 添加

<a href="https://blog.csdn.net/lhblmd" target="-blank" title="小啊斌"> <img src="logo.jpg"> </a>

5段落

用 p 表示

<p> 1.文章.................... </p> <p> 2.文章.................... </p> <p> 3.文章.................... </p> <p> .......................... </p>

6.实体

空格     < 小于号 < < > 大于号 > > & 和号 & & " 引号 " " ' 撇号 ' (IE不支持) ' ￠ 分 ¢ ¢ £ 镑 £ £ ¥ 日圆 ¥ ¥ § 节 § § © 版权 © © ® 注册商标 ® ® × 乘号 × × ÷ 除号 ÷ ÷

7.换行

</br> 强制换行

8.分割线

</hr> 分割线

9.注释

<!-- 这是注释 -->

10.表格

表格由

标签来定义 ,每个表格均有若干行（由 标签定义）, 每行被分割为若干单元格（由 标签定义） ,表格的表头使用 标签进行定义。 如果不定义边框属性，表格将不显示边框。有时这很有用，但是大多数时候，我们希望显示边框。使用边框属性来显示一个带有边框的表格：

<table border="1"> <tr> <th>Header 1</th> <th>Header 2</th> </tr> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>

11.输入框.密码框.文本框.单选框.复选框.

<input type="text" name="myName"> 输入框 <input type="password" name="pass"> 密码框 <label><input type="radio" name="sex" value="男生">男生</label> 单选框 <label><input type="radio" name="sex" value="女生">女生</label> <label><input type="checkbox" name="like" value="0">音乐</label> 复选框 <label><input type="checkbox" name="like" value="1">旅游</label> <label><input type="checkbox" name="like" value="0">音乐</label> <label><input type="checkbox" name="like" value="1">旅游</label> <input name="" type="text" style="width:200px; height:20px;"/> 文本框

》》》》》》》》》》》》更多内容到小啊斌博客