HTML基础标签实现

本周我主要对于HTML的标签进行了了解实现
话不多说,
代码如下

    <!-- 为搜索引擎定义关键词: -->
    <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

    <!-- 为网页定义描述内容: -->
    <meta name="description" content="练习 标签 HTML">

    <!-- 定义网页作者: -->
    <meta name="author" content="CrownNew">

    <!-- 每30秒钟刷新当前页面: -->
    <meta http-equiv="refresh" content="100">

    <!-- 在title左侧显示页面图标 -->
    <link rel="shortcut icon" href="image/工具图01.jpg">
    
    <title>标签练习页面</title>

    <!-- CSS样式表 -->
    <style type="text/css">

        h1{
            color: #000;
        }

        p{
            color: brown;
        }
        
    </style>
    <!-- 以下语句可以链接到外部样式表 -->
    <!-- <link rel="stylesheet" type="text/css" href="style.css"> -->

</head>

<body>
        <a href="#C4">查看章节 4</a>

    <h1>这是一级标题</h1>               
    
    <h2>这是二级标题</h2>

    <h3>总共有6级标题,我是三级标题</h3>

    <p>我是段落</p>                                                     <!-- <p>是开始标签,</p>是结束标签 -->
    <p>段落内可以使用换行标签,换行<br/>我换行<br/>我再换行<br/></p>                         

    <a href = "https://blog.csdn.net/CrownNew"www.baidu.com>这是一个万能链接</a>

    <!-- tatget属性能够定义被链接的文档在何处显示 -->
    <a href = "https://blog.csdn.net/CrownNew" target="_blank">访问我的博客!</a>
    <!--我是换行标签-->
    <br/>                                                              
    <!--我是图片标签-->
    <img src= "image/工具图01.jpg" width = "400" height="200"/>  
    <!--我是水平线标签-->
    <hr/>
    <!--1到6号标题与1到6号字体逆序对应-->
    <font size = "5">这是5号字体文本</font>
    <h2>这是2号标题</h2>
    <br/>
    
    <b>我是加粗文本</b><br/>
               
    <i>我是斜体文本</i><br/>

    <code>电脑自动输出</code><br/>

    这是<sub>下标</sub>和<sup>上标</sup><br/>

    <pre>
        此例演示如何使用pre标签
        他是能保留空格和空行的

        3请问如何激发的v   3214

    </pre>

    <!-- 我是地址标签 -->
    <address>
        Written by<a href="https://blog.csd
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值