前端入门——HTML

童童童ing

已于 2022-04-12 20:19:09 修改

阅读量238

点赞数 2

文章标签： html

于 2022-04-12 20:12:18 首次发布

本文链接：https://blog.csdn.net/weixin_64804275/article/details/124130307

版权

前端入门——HTML

HTML
- 一、初识HTML
- 二、HTML的基本结构
总结

HTML

一、初识HTML

HTML是一种超文本标记语言，超文本包括文字，图片，超链接，动画等内容

二、HTML的基本结构

总体结构

html文档包括和两大部分，head表示网页头部用来引入相关配置，描述文件，浏览器不会显示该部分内容。而body为主体部分，也就是正文内容，也就是显示在网页中的内容。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>  
</head>
<body>
    
</body>
</html>

2.网页基本信息
网页的基本信息写在head部分，包含编码规则在meta标签中引入，标签内容在title标签中引入，内部样式表在style标签中引入等等，下面是一些具体内容举例。以及同时可以运用它们制作我们的第一个网页。

<!-- <>作用是标记 -->
<!DOCTYPE html>
<!-- 使用HTML5的标准进行文档解析 -->
<html lang="en">
    <!-- 根标签 -->
<head>
    <!--引入与网页相关的描述及配置信息 -->
    <meta charset="UTF-8">
    <meta name="keywords" content="xxxxx">
    <!-- 1.当name为keywords时content内容用于网络爬虫 ，对网页进行检索
         2.当name为description时，content内容用于对文档的描述
         3.当name为author时，content为作者名字-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- viewport用于对移动端的规范conten内容是宽度等于设备的宽度，初始化比例为1.0 
    此时content内容为：width-视口宽度
                     height-视口高度
                    inital-scale-初始缩放比例
                    maximum-scale-最大缩放比例
                    minimum-scale-最小缩放比例
                    user-scalable-是否允许用户缩放-->
    <title>html</title>
    <!-- link标签用于引入外部资源 
        1.href链接路径
    2.rel（1）stylesheet（CSS样式表外部样式表）（2）icon小图标两者与href 结合使用
    3.type 目标文件类型-->
    <!-- style 内部样式表 -->
    <!-- script 引入js文件用里面的src属性 -->
    <style> </style>
</head>
<body>
    <div>hello</div>
</body>
</html>