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

html常见的控件

时间:2018-07-14 16:47:52      阅读:296      评论:0      收藏:0      [点我收藏+]

标签:ted   tle   alt   宽度   button   搜索   上海   box   border   

1、html5标记标签,表示html的版本号,目前是最新的

<!DOCTYPE html>

2、H1 H2 H3 H4 H5 H6标签,H1标签最大,但是最好不要随便使用H1标签,H1标签一般为文章的标题,

<h1>文章标题使用,平时不建议使用</h1>
<h2></h2>
<h3>一般文章的标题才会使用</h3>
<h4></h4>
<h5></h5>
<h6></h6>

3、P标签,段落标签,独占一行

<p></p>

4、br换行标签

<br/>

5、span标签,

<span></span>

6、加粗、斜体、删除、下划线,XHTML 与 HTML 4.01 标准没有太多的不同。

<b>加粗标签</b><strong>加粗标签xhtml推荐使用strong</strong>
<i>斜体标签</i><em>斜体标签xhtml推荐使用em</em>
<s>删除标签</s><del>删除标签xhtml推荐使用del</del>
<u>下划线标签</u><ins>下划线标签xhtml不推荐使用u</ins>

7、img标签

<img src="http://xxx.jpg" alt="图片未能显示提示文本" title="鼠标移入文本" />

8、A标签 target _blank是打开新窗口,_self是当前窗口打开 #锚点是页面内跳转

<a href="http://www.baidu.com" target="_blank" target="_self">文本提示</a>
<div id="锚点"></div>
<a href="#锚点">返回锚点</a>

9、base标签 可以设置当前整个页面的A标签全部使用这种target属性,写在head里面

<base target="_blank"/>

10、特殊字符

空格 &nbsp;
小于号< &lt;
大于号> &gt;

11、注释标签

<!-- 被注释的内容 -->

12、ul li 无序列表

<ul>
<li>香蕉</li>
<li>苹果</li>
<li>榴莲</li>
</ul>

13、ol 有序列表

<ol>
<li>美国</li>
<li>俄罗斯</li>
<li>英国</li>
</ol>

14、dl dt dd自定义列表 dt名词 dd对名词的解释

<dl>
<dt>中国</dt>
<dd>杭州</dd>
<dd>北京</dd>
<dd>上海</dd>
</dl>

15、表格标签,border设置边框,align设置表格的剧中方式,

cellspacing设置单元格单元格之间的距离,cellpadding单元格距离与单元格之间的距离,

一般一个表格cellspacing和cellpadding和border都要设置为0

rowspan和colspan和跨行和跨列,caption是表格的标题

<table cellpadding="0" cellspacing="0" border="1" align="center">
        <caption><h3>表格标题</h3></caption>
        <thead>
            <tr>
                <th>排名</th>
                <th>关键词</th>
                <th>趋势</th>
                <th>今日搜索</th>
                <th>排名</th>
                <th>最近七日</th>
                <th>相关链接</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>鬼吹灯</td>
                <td><img src="" /></td>
                <td>321</td>
                <td>123</td>
                <td>1</td>
                <td><a href="#">贴吧</a><a href="#">百科</a><a href="#">图片</a></td>
            </tr>
        </tbody>
    </table>

16、表单控件

type属性包含
radio checkbox button submit reset image file 
name属性:用户自定义控件的名称
value属性:用户自定义控件的默认文本值
size:控件在页面中显示的宽度
checked:是否选中的状态
maxlength:控件允许输入的最多数量的字符

textarea标签:

17、label标签
<label for="username">用户名: <input id="username" type="text" name=""></label>
<label>用户名: <input type="text" name=""></label>

 

18、下拉列表:select
<select>
        <option selected="selected">选择年份</option>
        <option>1993</option>
    </select>

19、form表单

<form method="get" action="http://www.baidu.com" target="_blank"></form>

 

 

html常见的控件

标签:ted   tle   alt   宽度   button   搜索   上海   box   border   

原文地址:https://www.cnblogs.com/jiecaoge/p/9309687.html

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