个人HTML所有标签总结

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8"> <!--编码方式-->
    <meta name="keyword" content="放置搜索引擎的关键字,技术上实现网站推广、优化">
    <meta name="description" content="百度里头描述的内容"/>
    <title>复习html</title>
    <!--<base target="_blank"/>  优化的写法-->
    <base href="http://www.baidu.com" target="_blank"/>  
    <!-- 为 页面上所有的a标签设置默认调整地址  -->
    <style>
    css样式
        /*选择器{属性:值;}*/
    </style>
</head>
<body>
    <!--单标签-->
    <hr/> 水平线
    <br/> 换行
<!--双标签-->
<h1></h1>~<h6></h6> 标题标签
<p>段落标签</p>
<font>字体标签 不常用 不推荐使用</font>
<strong>加粗标签</strong> 偶尔使用<b></b>
<em>斜体标签</em> 也用<i></i>
<ins>下划线</ins>  也用<u></u>
<del>删除线</del>  也用<s></s>
<!--图片标签-->
<img src="相对地址" alt="图片无法加载的时候,显示出来" title="放在图片上显示出来">
<!--超链接-->
<a href="http://www.baidu.com" target="_blank" 在新页面打开, title="反正文字上显示出引号的内容">百度</a>

<!--锚链接-->
<a href="#zdy">回到首页</a>       对应的锚点:<p id="zdy">文字</p>

<!--利用a标签实现简单下载功能-->
<a href="压缩文件格式.rar">下载</a>

<!--最常用的特殊字符-->
&gt;   大于号 >
&lt;   小于号 <
&nbsp;   空格

<!--下面是三大列表-->
<!--① 无序列表-->
<ul>
    <li></li>
    <li></li>
    <li></li>

</ul>
<!--② 有序列表-->
<ol>
    <li></li>
    <li></li>
    <li></li>
</ol>
<!--③ 自定义列表-->

<dl>
    <dt></dt>
    <dd> 相当于li</dd>
    <dd></dd>
    <dd></dd>
</dl>
<!--table标签总结-->
<table width="" height="" border="边框大小,默认为0" cellpadding="设置文字与td之间的距离"
       cellspacing=" 设置td与td之间的距离" bgcolor="表格的背景颜色" align=""实现是否居中>
    <caption>表格的标题</caption>
    <tr align="center">    第一行
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>    第二行
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>    第三行
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>
<table>   表格标准写法
    <caption></caption>
    <thead></thead>
    <tbody></tbody>
    <tfoot></tfoot>
</table>

**单元格合并**
1、 行的合并  加属性 colspan='number'  ;number 表示合并的个数。
2、 列的合并  加属性 rowspan='number'  ;number 表示合并的个数。

    <!--表单控件-->
<form action=".php 代表表单信息提交到哪儿" method="get 表单信息暴露在地址栏/post 通过后台方式提交给处理程序">
<input type="text" name="" value="" maxlength="" readonly="" disabled="disabled"/>
<input  type="password" name="" value="" maxlength="" readonly="" disabled="disabled"/>
<input type="radio" name="起相同名字,可以实现单选效果" checked="checked"实现默认选中 /><input type="radio" name="起相同名字,可以实现单选效果" checked="checked"实现默认选中 />
<input  type="checkbox" checked="checked"/> 复选框
    <input type="submit" value="改名字"/>  提交
<input type="image" src=""/> 实现图片提交功能
    <input type="file"/> 上传控件
    <select multiple="multiple" 可实现多选>
        <option>选项比如:苹果</option>
        <option>香蕉</option>
        <option>菠萝</option>
    </select>
    <select>
        <optgroup label="组标签">
            <option></option>
            <option></option>
        </optgroup>
    </select>
    <textarea>多行文本框</textarea>

    <fieldset>  外围边框
        <legend>边框的名称</legend>
    </fieldset>

    <iframe src="Url"></iframe>
    移除边框  使用属性
    frameborder="0"

    <noscript>标签提供无法使用脚本时的替代内容</noscript>

    MathML  利用math标签实现对复杂公式的支持。

</form>
</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值