再识HTML-CSDN博客

本文介绍了HTML的基础知识，包括网页的定义、浏览器内核、Web标准的三层结构以及HTML的文档结构和常用标签。强调了HTML作为网页基础的重要性，并通过实例展示了HTML如何构建网页内容。同时，文中还提及了浏览器的常见类型及其内核，以及一些HTML标签的使用，如标题、段落、样式和链接等。

再识HTML

1.了解网页

1.1什么是网页

网页时网站的基本单位，也叫Web页面，是承载各种网站应用的平台。
网页是由文字,图片和链接构成，还有表格，动画，音频，视频等。

1.2网页的形成过程

代码通过浏览器的解释引擎和渲染，从而形成Web页面，实现用户浏览所呈现的效果。

2.常用的浏览器及常见的浏览器内核

目前我用的比较多的是微软的Edge,谷歌的Chrome,苹果的Safari等等
微软的Edge现在是Chromium内核。
谷歌的Chrome以前是Webkit内核，然后是Blink内核，现在是Chromium内核。
苹果的Safari是Webkit内核。

3.web 标准三层组成

Web标准不是某一个标准，而是由W3C和其他标准化组织制定的一系列标准的集合。
w3c 万维网联盟组织，制定web标准的机构。
主要包括结构（Structure）指的是HTML、表现（Presentation）指的是CSS和行为（Behavior）指的是JS。

4.什么是HTML

HTML是超文本标记语言（Hyper Text Markup Language），之所以叫标记语言，是因为网页是由网页元素组成的，这些元素是利用html标签描述出来，然后通过浏览器解析，就可以显示给用户了。

5.HTML文档结构

HTML的主要结构

<!DOCTYPE html>
<!-- 声明 -->
<html lang="en">
<!-- 设置语言 -->

<head>
    <!-- 头部 -->
    <meta charset="utf-8">
    <!-- 设置字符集 -->
    <title>嘻嘻嘻</title>
    <!-- 标题 -->
</head>

<body>
<!-- 页面内容 -->
</body>
    
</html>

6.HTML常用标签

HTML的各种标签

<style>
 /* 样式 */
        
  div {
       background-color: green;
       width: 100px;
       height: 1000px;
       }
</style>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <!-- favicon.ico小图标链接 -->
<body>
    <!-- 主体 -->
    这是我的第一个界面！
    <!-- 盒子双标签 -->
    <div></div>
    <!-- 六个标题双标签 -->
    <h1></h1>
    <h2></h2>
    <h3></h3>
    <h4></h4>
    <h5></h5>
    <h6></h6>
    <!-- p标签双标签 -->
    <p>嘻嘻嘻嘻嘻嘻嘻
        <!-- br单标签 -->
        <br>
        <br/> 嘻嘻嘻嘻嘻嘻嘻
    </p>
    <!-- 水平线标签 -->
    <hr>
    <hr/>
    <!-- span标签可在文本内使用 -->
    <p><span>嘻嘻嘻</span></p>
    <!-- 粗体，斜体，删除线。下划线 -->
    <b>粗体</b>
    <strong>粗体</strong>
    <em>斜体</em>
    <i>斜体</i>
    <del>删除线</del>
    <s>删除线</s>
    <ins>下划线</ins>
    <u>下划线</u>
    <!-- img标签，src图片的位置，alt无法加载出图片文本显示内容，title鼠标放上去显示的信息 -->
    <img src="./images/1.webp" alt="羊羊" title="喜羊羊" width="400px">
    <!-- 锚点链接 -->
    <a href="#ad" target="_blank">嘻嘻嘻</a>
    <!-- href超文本引用,target设置页面打开方式_self本页面打开，_blank新页面打开 -->
    <div></div>
    <div id="ad"></div>
    <!-- 特殊字符 -->
    <p>有人说，少年如溪，青年如河，中年如湖，老年如海。&nbsp;&nbsp;&nbsp;&nbsp;坎坷人生路，风雨几十载，历尽世事沧桑，阅尽人间百态，心量越活越大，心胸愈活愈阔，心境越活越淡，最后海纳百川，有容乃大。这当是人生的最高境界，也是生命的最后圆满。少年壮志不识愁，中年心静万事休。漫漫人生，跌跌撞撞，不知不觉，行至中年，渐渐悟出，人活到最后，真正想要的，莫过于一份真真切切的安稳与踏实，心安才身安。&emsp;&emsp;&emsp;&emsp;坎坷人生路，风雨几十载，历尽世事沧桑，阅尽人间百态，心量越活越大，心胸愈活愈阔，心境越活越淡，最后海纳百川，有容乃大。这当是人生的最高境界，也是生命的最后圆满。少年壮志不识愁，中年心静万事休。漫漫人生，跌跌撞撞，&lt;不知不觉，行至中年，渐渐悟出，&gt;人活到最后，真正想要的，莫过于一份真真切切的安稳与踏实，心安才身安。坎坷人生路，风雨几十载，历尽世事沧桑，阅尽人间百态，心量越活越大，心胸愈活愈阔，心境越活越淡，最后海纳百川，有容乃大。这当是人生的最高境界，也是生命的最后圆满。少年壮志不识愁，中年心静万事休。漫漫人生，跌跌撞撞，不知不觉，行至中年，渐渐悟出，人活到最后，真正想要的，莫过于一份真真切切的安稳与踏实，心安才身安。坎坷人生路，风雨几十载，历尽世事沧桑，阅尽人间百态，心量越活越大，心胸愈活愈阔，心境越活越淡，最后海纳百川，有容乃大。这当是人生的最高境界，也是生命的最后圆满。少年壮志不识愁，中年心静万事休。漫漫人生，跌跌撞撞，不知不觉，行至中年，渐渐悟出，人活到最后，真正想要的，莫过于一份真真切切的安稳与踏实，心安才身安。
     &copy;小杨出品！
    <!-- copy是复制，是版权 -->
    </p>
    
</body>