我的第一个网页

最新推荐文章于 2022-10-24 21:05:49 发布

NewErroor

最新推荐文章于 2022-10-24 21:05:49 发布

阅读量299

点赞数

分类专栏： HTML 文章标签： html5

本文链接：https://blog.csdn.net/user1033161981/article/details/106453927

版权

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

第一个网页

Emmet插件：自动生成HTL代码片段 vscode内置这个插件

注释

注释为代码的阅读者提供帮助，注释不参与代运行

在HTML中，注释使用如下格式书写

    <!-- 这是注释 -->
    <html

元素

其他叫法：标签、标记

    <!-- 超链接 -->
    <a href="https://blog.csdn.net/user1033161981">我的博客</a>
    <!-- 标题标记 -->
    <title>Myblog</title>

整体：element (元素)

元素 = 起始标记(begin tag) + 结束标记(end tag) + 元素内容 + 元素属性

属性 = 属性名 + 属性值

属性分类：

局部属性：某些元素特有的属性
全局属性：所有元素通用

    <meta charset="UTF-8">

有些元素没有结束标记:空元素

元素嵌套

元素不能相互嵌套

    <div>
        <p>
    </div>
        </p>

父元素、子元素、祖先元素、兄弟元素(拥有同一个父元素的两个元素)

标准的文档结构

HTML: 页面、HTML文档

<!-- 文档说明 作用：告诉浏览器、当前文档使用的HTML标准是最新html标准 
     不写文档声明、会导致浏览器进入怪异渲染模式
-->
<!DOCTYPE html>

<!-- 根元素 一个页面最多只能一个、并且该元素是所有其他元素的父元素或祖先元素
    html5 版本中没有强制要求书写该元素
    
-->
<html lang="en">

lang属性: language 、全局属性、表示该元素内部使用的文字是使用哪一种自然语言(国家语言)书写而成的。插一嘴现代企业开发都是使用cmn-hans :中国大陆语言简体中文汉字-->翻译过来叫做普通话

<!-- 文档头 这里面的东西都没有显示到页面 -->
    <head>

    </head>

<!-- 文档的元数据：附加信息
     charset:指定网页内容编码格式 -> 浏览器在解析html文档的时候读取到meta元素属性的知这个网页的编码格式为UTF-8
     在计算机中、低压电(0~2 V)0,高压电(2~5 V)1， 表示2，使用10
     计算机、只能存储数字
     存储文字：文字和数字进行对应 比如a---97 A--64
     该字典对应关系成叫做字符编码 ，中国大陆：GB2312  台湾: GBK

     UTF-8 是Unicode 编码是一个版本
     UTF-8 是万国码 
-->
    <meta charset="UTF-8">

<!-- 适应手机端的 
    name="viewport" content="width=device-width 意思：把网页的视口宽度设置为设备的宽度

-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- 网站的标题 -->
<title>Document<title>

<!-- 文档体 、页面上所有要参与显示的元素、都应该放置文档体中、 -->
<body>

</body>

NewErroor

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
我的第一个网页

第一个网页Emmet插件：自动生成HTL代码片段 vscode内置这个插件注释注释为代码的阅读者提供帮助，注释不参与代运行在HTML中，注释使用如下格式书写  <html元素其他叫法：标签、标记  <a href="https://blog.csdn.net/user1033161981">我的博客</a> 
复制链接

扫一扫