HTML标签大全

html框架标签:

<html></html>整个html文件都会放入html标签中

<head></head>html的头部文件,一般是为浏览器提供对应的网站需要的相关信息

<body></body>标签,里面的内容是浏览器最终解析给用户显示在浏览器里面的内容

常用标签:

<h1>~<h6>标签是标题标签,里面的内容会默认加粗,更醒目,且依次变小

<br>换行标签

<hr>水平线标签,水平分割线

<br>与<hr>标签没有结束标签

<p>段落标签,里面可以嵌套文字

<storng>标签,文字加粗标签

<em>\<i>字体倾斜标签

<u>下划线标签

<video src="视频路径"></video>视频标签,可以增加视频

         src="视频路径"  这个属性是必不可少的

       autoplay属性:自动播放属性

        muted属性:静音播放

        controls属性:播放控件

        loop属性:循环播放

<audio src=" 音频路径"> </audio>音频标签,属性与视频一至,没有静音播放属性

表格:
<table>
        <tr>
            <th>表头</th>
            <th>表头</th>
        </tr>
        <tr>
            <td>单元格</td>
            <td>单元格</td>
        </tr>
    </table>

表格属性:

                border :边框 

                width:设置表格的宽度

                rules : 取值为all,就可以实现细线表格样式

                cellpadding:规定内容距离单元格边沿的空白距离

                cellspacing :设置单元格和单元格之间的距离,一般取值为0或者不设置即可;

                align:设置表格的对齐方式,取值为left、center、right;如果align设置给table只影响table整体,不会影响th和td;

表格结构标签

<thead>标签用于把对HTML表格里的表头集中起来;

<tbody>用于集中主体内容;

<tfoot>用于集中表尾;

链接标签:
<a href="http://www.baidu.com" target="_blank"></a>跳转标签

        href属性设置要跳转的目标位置,一般建议里面书写相对路径;

        target属性设置打开超链接a的方式,一般使用 _blank取值,实现新窗口打开链接;target="__ blank"

锚点链接:实现页面内部的跳转,让用户快速的访问某一个位置

1、找到要跳转的位置,然后用id在标签身上做标记;

<h2 id="mao1">某个位置</h2>

2、设置超链接a的href取值为#id值

<a href="#mao1">跳转到某个位置</a>

有序列表ol:里面只能嵌套li,li是有顺序的
<ol>
        <li></li>
        <li></li>
        <li></li>
    </ol>

无序列表ul:只能嵌套li,li是没有顺序的
<ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>

自定义列表dl:dt表示描述标题,dd表示描述内容
<dl>
        <dt></dt>
        <dd></dd>
        <dd></dd>
        <dd></dd>
    </dl>

from表单:

  1. input表单控件

  2. select下拉列表

  3. textarea文本域

input表单控件里包含很多列举如下:

文本框 type取值为text   <input type="text" >

密码框 type的取值为password  <input type="password" >

单选框 type的取值为radio   <input type="radio"  name="sex" > 男

<input type="radio"  name="sex" > 女

button按钮

<button>按钮</button>

select下拉列表

select标签嵌套多个option标签;

    <select name="" >
        <option value=""></option>
        <option value=""></option>
        <option value=""></option>
    </select>

textarea文字域,cols和rows属性来规定textarea的尺寸

<textarea cols="30" rows="10"></textarea>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值