HTML第一天学习知识点

一.HTML常用标签：

1.基础标签

1)标题标签<h1—h6>：标题标签默认具有加粗效果，最小字体是16像素，最大是42像素。

2)段落标签<p>：段落标签包裹的内容代表是一个段落，但是呢，该段落没有任何的形式上的效果和语文中段落不一样，它仅仅只是有这么一个段落的含义而已。

3)列表标签

        1.无序列表<ul><li>：无序列表，没有顺序，ul只是语义上表示其是一个列表标签，但是里面是没有内容的，内容要通过li标签来书写。

        2.有序列表<ol><li>：有序列表，带有顺序，type指定排序类型，start指定开始的位置。

        3.自定义列表<dl><dt><dd>：自定义列表，dt相当于标题，dd相当于是描述 。

2.图片标签<img>：图片标签中src：用于指定图片所在的路径；相对路径：图片相对于HTML文件所在的位置；./表示在当前目录下； ../表示返回上一级目录；绝对路径：指的是图片在电脑上的存储路径（包含到了盘符路径）；alt：用于作为图片加载失败时的文字提示；title：当鼠标在图片上悬浮时显示的提示（title属性是所有的标签都具备的一个属性）；width：设置图片的宽度；height：设置图片的高度。

3.超链接标签<a>：超链接就是网页中常用的用于页面跳转的标签，还可以用于锚点。

        1.超链接跳转：href：指定要跳转的网页链接； target：指定新窗口的打开方式； _blank：代表打开一个新窗口；_top：在当前窗口中打开。

<a href="http://www.baidu.com" target="_top" title="http://www.baidu.com">点击访问百度</a>

        2.锚点：锚点的使用需要满足两个点：一是要有跳转的标记点，二是可以进行跳转。

4.table表格<table>：和办公软件Excel表格是类似的，都有行（tr）和列（td），行及列都可以进行合并操作。

       表格通常会有对应的头部信息、具体的内容信息、还有一些底部的备注，此时就需要考虑一个问题：

> —如果不同区域中的位置因为跨行或跨列被占据了，那么整个表格都会发生错乱；为了避免出现跨行或跨列超出区域的问题，提供了区域划分的标签：thead、tbody、tfooter，内容默认都tbody中。

5.form表单<form>：>表单是让用户进行信息输入的，将输入的数据提交到服务器上，服务器再根据提交的数据进行分析验证反馈结果。

>     action：指定服务器地址。
>     method：指定表单数据的提交方式。
>     get：默认的提交方式，get方式提交的数据会在地址栏中显示出来，很不安全，所能提交的数据量比较小，效率高。
>     post：效率低，安全，携带大量的数据，不会在地址栏中显示。

        表单中的扩展标签<select><option>：select代表下拉框，具体的内容要通过option标签来实现。