html基础

 

　　　　　　html常用标签

1、<p>标签

此标签用来定义段落，这是一个块级元素；

示例：

<p>这是一个段落</P>

2、<h1>标签

这个标签用来定义标题，为块级元素，这种标题标签有六个，字体逐渐变小；

示例：

<h1>这是一个题目</h1>

<h3>这是一个题目</h3>

<h2>这是一个题目</h2>

<h4>这是一个题目</h4>

<h5>这是一个题目</h5>

<h6>这是一个题目</h6>

 

3、<a>标签

此标签用来创建超链接和锚链接，跳转到其他网页

示例：

<a href="http://www.baidu.com">百度一下</a>

 

这是一个超链接，跳转到百度网站

4、<div>标签

此标签是一个块级元素，主要运用于页面布局

示例：

<div>这是一个div</div>

div内可以嵌套很多东西，作用相当于一个盒子

5、列表

无序列表：

<ul>

　　<li>无序列表</li>

　　<li>无序列表</li>

　　<li>无序列表</li>

　　<li>无序列表</li>

　　<li>无序列表</li>

</ul>

 

这是最常用的列表；还有有序列表和定义列表

6、<table>表格

此标签为块级元素，用来创建一个表格，在表格中插入数据。

示例：

<table>
        <tr>  //表示行，这是第一行
            <td>第一行第一列</td>  //表示列，这是第一列
            <td>第一行第二列</td>
            <td>第一行第三列</td>
            <td>第一行第四列</td>
        </tr>
        <tr>
            <td>第二行第一列</td>
            <td>第二行第二列</td>
            <td>第二行第三列</td>
            <td>第二行第四列</td>
        </tr>
        <tr>
            <td>第三行第一列</td>
            <td>第三行第二列</td>
            <td>第三行第三列</td>
            <td>第三行第四列</td>
        </tr>
        <tr>
            <td>第四行第一列</td>
            <td>第四行第二列</td>
            <td>第四行第三列</td>
            <td>第四行第四列</td>
        </tr>
    </table>

 

7、<form>表单

form表单的主要作用在于在网页上提供一个图形用户界面，以采集和提交用户输入的数据

示例

 <form method="get" action="#">  //method为提交方式，action为提交路径
        <h2>用户登录</h2>  //题目
        用户名：<input type="text"><br> 
        密码：<input type="password"><br>
        <input type="submit" value="确定">  //提交按钮
        <input type="reset" value="取消">   //重置按钮
    </form>

8、<img>标签

img标签用来引入一个图片，为一个块级标签

示例：

<img src="ba2.jpg">  //src为图片路径