码迷,mamicode.com
首页 > Web开发 > 详细

html基础

时间:2015-08-10 23:39:20      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:

 

      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为图片路径

 

html基础

标签:

原文地址:http://www.cnblogs.com/wvvv/p/4715210.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!