HTML初识(2)--其余标签

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。

<a>标签:有两大功能,作链接跳转和锚。锚,可以看做是跳转至网页某一部分。链接跳转属性:href=“链接地址”,当做锚时,href=“#某个标签的id”,注意标签的ID不允许重复。
<img>标签:图片,有src属性表示图片地址,title属性是鼠标放在图片上时显示的文字。
<label>标签:文本标签,可以有一个for属性与input标签一起使用,for=“ID”,作用是当点击label标签所在的文字时可以将光标放置在输入框中。

<a href="#i1">第一章</a>
<div id="i1">第一章的内容</div>
<br/>
<img src="捕获.png" title="picture"/><br/><br/>
<label for="username">用户名:</label>
<input id="username" type="text" name="username"><br/>

效果:
常用标签例子效果
列表系列:
<ul>无序列表,内部为li标签。
ol为有序列表,默认数字为序。内部也为li标签。
dl分级列表,dt标签和dd标签

table标签:表格,内含thead表头标签、tbody表标签,tr行标签,th列标签。有属性colspan和rowspan分别表示占多少行和列,可用作合并某些单元格。
例:

<p>无序列表:</p>
<ul>
    <li>list1</li>
    <li>list2</li>
    <li>list3</li>
    <li>list4</li>
</ul>
<p>有序列表:</p>
<ol>
    <li>list1</li>
    <li>list2</li>
    <li>list3</li>
    <li>list4</li>
</ol>
<p>分级列表</p>
<dl>
    <dt>1</dt>
    <dd>2</dd>
    <dd>2</dd>
</dl>
<p>表格:</p>
<table border="1" >
    <thead>
    <tr>
        <th>1</th>
        <th>2</th>
        <th>3</th>
        <th>4</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <th rowspan="2">1</th>
        <th>2</th>
        <th colspan="2">3</th>

    </tr>
    <tr>
        <th>2</th>
        <th>3</th>
        <th>4</th>
    </tr>

    </tbody>
</table>

效果:
表类标签例子效果

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值