常用标签

超链接 a
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        a:link{
            color: black;
        }
        a:visited{
            color: pink;
        }
        a:hover{
            color:red;
        }
        a:active{
            color: plum;
        }
    </style>
    <!--
        a 超链接

        伪类 给元素添加特殊的效果
        link  未访问过的链接初始颜色
        hover  鼠标移入(悬停)时的颜色
        active  鼠标按下时链接的颜色
        visited  访问过后的链接颜色

        顺序: L V H A
    -->
</head>
<body>
    <a href="http://baidu.com">臭叮当的百度</a>

</body>
</html>
span
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        a{
            color: blue;
        }
        span{
            color: red;
        }
    </style>
    <!--
        span 区分样式
    -->
</head>
<body>
    <a href="http://miaov.com">
        <span>妙味课堂</span>- 首页 javascript培训|前端开发|javascript教程|...
    </a>
</body>
</html>
一些常用标签
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <header>
        主要用于页面的头部的信息介绍,也可以用于板块头部
    </header>

    <nav>导航</nav>

    <footer>
        页脚 页面的底部或者版块的底部
    </footer>

    <section>
        页面上的版块,用于划分页面上的不同区域或者划分文章里的不同节
    </section>

    <article>
        用来表示在页面中一套结构完整且独立的内容部分
    </article>

    <aside>
        包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组,以及其他类似的有别于主要内容的部分
    </aside>

    <time>
        用来表现时间或日期
    </time>

    <strong>强调加粗</strong>

    <em>强调斜体</em>

    <dl>
        <dt>dl-自定义列表;dt-自定义列表title</dt>
        <dd>dd-自定义列表的列表项(信息)</dd>
    </dl>

    <mark>标记</mark>

	<img src="dg.jpg">
	
</body>
</html>

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值