了解HTML(一)

目录

1.head标签是什么,包含哪些

        1.title

        2.meta

        3.给站点增加自定义图标(favorites icon)

        4.引用css

        5.引用js

2.超链接

       1.下在链接时使用download属性

       2.电子邮件链接  

3.高级文本格式

        1.上标和下标

        2.标记联系方式

        3.标记时间和日期


1.head标签是什么,包含哪些

        描述:<head>标签与<body>标签不同,<head>标签不会在浏览器上显示出来,其作用是保存页面的一些元数据(元数据就是用来描述页面的数据:例如文档的作者,文档描述,文档的编码格式)

        1.title

        区分<title>和<h1>:<title>我是整个html文档的标题</title>     <h1>我来标记页面内容的标题(故事名称、新闻摘要,等等)</h1>

                   

        2.meta

        <meta charset="utf-8"></meta>    :指定了文档的字符编码

         *属性:name:指定了 meta 元素的类型;说明该元素包含了什么类型的信息。

                     content: 指定了实际的元数据内容。

        <meta name="author" content="Chris Mills">  :文章的作者
        <meta name="description" content="This document records my process of learning html">:文章的描述---->(有助于浏览器中搜索关键字时更快的,更多的关联到你的文档  术语:搜索引擎优化seo)

        3.给站点增加自定义图标(favorites icon)

         这些图标出现在浏览器每一个打开的标签页中以及书签页中。        

                                          在这里插入图片描述

        格式有.png .gif .ico (为了兼容,避免不确定问题,建议用.ico)

        <link rel="icon" href="路径" type="image/x-icon">

        4.引用css

        <link rel="stylesheet" href="my-css-file.css">

        5.引用js

        <script src="my-js-file.js" defer></script>  :加上 defer 以告诉浏览器在解析完成 HTML 后再加载 JavaScript。这样可以确保在加载脚本之前浏览器已经解析了所有的 HTML 内容(如果脚本尝试访问某个不存在的元素,浏览器会报错)。实际上还有很多方法可用于处理加载

2.超链接<a>

       1.下在链接时使用download属性

                使用 download 属性来提供一个默认的保存文件名

           

       2.电子邮件链接  

        <a href="mailto:Running@HuXu@qq.com">向 Running@HuXu发邮件</a>   还可添加主题(subject)、抄送(cc)和主体(body)详细可查看下方链接

a标签的mailto属性

3.高级文本格式

        1.上标和下标

        立方米:m<sup>3</sup>

        二氧化碳化学式:co<sub>2</sub>

        2.标记联系方式

<address>
    <li>mail:Running@HuXu@qq.com</li>
    <li>tel:11211212</li>
</address>

        3.标记时间和日期

<time datatime='2022-02-02'>2022年2月2日</time>

        

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Running@HuXu

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值