html入门01

最新推荐文章于 2024-11-15 11:24:51 发布

qq_51741717

最新推荐文章于 2024-11-15 11:24:51 发布

阅读量89

点赞数

分类专栏： html css 文章标签： html css 前端

本文链接：https://blog.csdn.net/qq_51741717/article/details/125223706

版权

html 同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

css

1 篇文章 0 订阅

订阅专栏

HTML基础01

1.HTML基本结构

html 负责网页结构的

css 负责网页样式的

html由标签组成

单标签没有内容

双标签有开始和结束标签，可以放置内容

所有写在元素开始标签之中的都是该标签的属性

<!DOCTYPE html>                  //用来声明文档类型
<html>                           // 代表网页开始
<head>                           //用来写一些网页的配置信息
    <meta charset="UTF-8">       //声明文档编格式是UTF-8
  
    <title>Document</title>      //负责网页标题
</head>  
<body>                            //负责网页内容
    
</body>
</html>                          //代表网页结束

2.基本标签

div标签

可定义文档中的分区或节（division/section）。

标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

如果用 id 或 class 来标记

，那么该标签的作用会变得更加有效。

注释：

是一个块级元素，也就是说，浏览器通常会在 div 元素前后放置一个换行符。

提示：请使用

元素来组合块级元素，这样就可以使用样式对它们进行格式化。

<div class="red" id="red"> </div>

class 标签名称可重复命名，不可数字或拼音

id 唯一不可重复（类似身份证）

link标签

标签定义文档与外部资源的关系。标签最常见的用途是链接样式表。

3.样式优先级

!iportant>内联>内部（id（标签id）>class（标签名）>tag（标签））

id #

class .

!important 最高优先，同一名称按代码先后顺序

<!DOCTYPE html>
<html>

<head>
    <met charset="UTF-8">
        <title>我是网页标题</title>
        <style>
            /*  标签名称 */
            
            .green {
                width: 200px;					 /*  宽度不是，没加!important */
                height: 200px ;					 /* 高度不是，没加!important */
                background: green !important;     /* 颜色最优先级， */
            }
            /*  标签id */
            
            #red {
                width: 20px;
                height: 20px;
                background: red;
            }
        </style>
</head>

<body>
    <div class="green" id="red"> </div>
</body>

</html>