Html基础知识点总结！

HTML知识点

1、第一批六个

1. 1<h1>~<h6>

标题标记，用于表示文档内容的标题内容，以及标题内容的级别

1. 2<div></div>

块级元素，总是在新行上开始，占据一行

    1.3 <p></p>

       段落标记，用于表示内容是一个段落

    1.4 <span></span>

       行内元素，和其他元素都在一行上

    1.5 <hr/>

       水平线，该标记是自我闭合标记

    1.6 <br/>

       换行标记，用于段落内部的换行，该标记也是自我闭合标记

2、第二批8个

2.1 <b></b>或者<strong></strong>

    样式表现为粗体样式

2.2 <i></i>或者<em></em>

    样式表现为斜体

2.3 <big></big>

    样式表现为大字体文字

2.4 <small></small>

    样式表现为小字体文字

2.5 <u></u>

    能给字体或者段落加下划线

2.6 <del></del>

    能给字体或者段落加删除线

2.7 

    设置字符上标

2.8 

    设置字符下标

3、第三批6个

3.1 <ul></ul>

   无序列表标记，表示列表所包含的项是没有先后顺序的，列表用li

3.2 <ol></ol>

    有序列表标记，表示列表所包含的项是有先后顺序的，列表用li

3.3 <li></li>

    列表项标记，需要和<ul>或<ol>结合使用

3.4 <dl></dl>

    自定义列表：是项目以及其注释的组合

3.5 <dt></dt>

    定义一个项目

3.6 <dd></dd>

    定义一个项目的解释说明

4、第四批4个

4.1 超链接标签

    <a href=”http://www.baidu.com”>百度链接</a>

    属性target=’_blank’新页面打开 target=’_self’默认本页打开

4.2 锚点的使用

    定义锚点<a id=’moveto’>moveto</a>

    定义指向该锚点的链接<a href=’#moveto’>moveto</a>

    邮件链接<a href=’mailto:123456@qq.com’>QQ</a>

4.3 图片标签

    <img src=’img/logo.png’ alt=’图片名’>

4.4 视频标签

    <video src=’audio/XX.mp4’ controls=’controls’></video>

4.5 音频标签

    <audio src=’audio/XX.mp3’>某音乐</audio>

           视频音频标签中的autoplay属性为自动播放，此项目在谷歌浏览器默认禁用

5、第五批4个

5.1 <table></table>

    定义表格的基本框架

5.2 <tr></tr>

    定义表格的行

5.3 <th></th>

    定义表格中表头内的单元格，自动将文本加粗，居中对齐

5.4 <td></td>

    定义表格中行内的单元格

6、表格的属性

6.1 cellspacing

    单元格之间的间距

6.2 cellpadding

    单元格内边距

6.3 border

    外边框宽度

6.4 colspan

    左右合并单元格

6.5 rowspan

    上下合并单元格

7、第六批一个重要的表单单元格

一个表单有三部分组成：表单标签、表单域、变单按钮

表单标签：<form action=’url’ method=’get’></form>

action属性：定义表单提价路径。就是表单提交到服务器的接口

method属性：规定在提交表单是所用的HTTP方法（get/post）

get:常用于从服务器获取数据，post：常用创建新数据到服务器

表单域：

包含了文本框、密码框、隐藏框、复选框、单选框、多行文本框、下拉选择框和文件上传框等类型的HTML元素。

主要通过type字段来确定HTML元素表现，name为用户用来提交 的key，value为用来提交的值。

表单按钮：

包括提交按钮、复位按钮和一般按钮

<input type=’submit’ value=’’>

<input type=’submit’ value=’’>

8、扩展用于嵌套页面的框架标签

<iframe src=’’></iframe>

Width=’’ scrolling=’’yes,on

Height=’’ frameborder=’’