HTML笔记(1)

该笔记为观看acwing(acwing.com]) 后编写,其中部分内容转自acwing,如有侵权请联系我

文档结构

html的所有标签为树形结构,例如:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Web应用课</title>
</head>
<body>
    <h1>第一讲</h1>
</body>
</html>

HTML标签

HTML元素表示一个HTML文档的根(顶级元素),所以它也被称为根元素。所有其他元素必须在此元素的内。


title标签

HTML中<title>元素 定义文档的标题,显示在浏览器的标题栏或标签页上。它只应该包含文本,若是包含有标签,则它包含的任何标签都将被忽略。


meta

HTML<meta>元素表示那些不能由其它 HTML 元相关(meta-related)元素((<base><link><script><style><title>)之一表示的任何元数据信息。


常见属性

charset:这个属性声明了文档的字符编码。如果使用了这个属性,其值必须是与 ASCII 大小写无关(ASCII case-insensitive)的”utf-8”。
name:namecontent属性可以一起使用,以名-值对的方式给文档提供元数据,其中name作为元数据的名称,content作为元数据的值。


icon

<link rel="icon" href="images/icon.png">这行代码的作用是为网页指定一个图标(即favicon),这个图标通常会显示在浏览器的标签页上。

具体来说:

rel="icon" 表示这个链接是一个网站图标。
href="/images/logo.png" 指定了图标的路径。在这个示例中,图标的文件名是logo.png,存放在images文件夹下。


多行注释

示例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--   
        这里的内容均为注释
        <h1>第一讲</h1>
        <p>
            段落。
        </p>
    -->
</body>
</html>

<!-- 多行注释 -->

posted @   zydow  阅读(36)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
· .NET 10 首个预览版发布,跨平台开发与性能全面提升
点击右上角即可分享
微信分享提示