网页基本：组成与解释

川长思鸟来 2023-03-14 05:49 51阅读 0赞

### 文章目录 ###

*  第一个网页
 *   *  注释
     *  元素
     *  元素的嵌套
     *  标准的文档结构

# 第一个网页 #

Emment插件： 自动生成HTML代码片段

## 注释 ##

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

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

## 元素 ##

> 其它叫法：标签、标记

<a href="https://www.baidu.com" title="百度">百度</a>

整体：element（元素）

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

属性 = 属性名 + 属性值

属性的分类：

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

<meta charset="UTF-8">

有些元素没有结束标记，这样的元素叫做：**空元素**

空元素的两种写法：

1.  `<meta charset="UTF-8">`
2.  `<meta charset="UTF-8" />`  
    这是以前的写法，现在不需要在后面加 / 了

## 元素的嵌套 ##

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

元素不能如上相互嵌套

## 标准的文档结构 ##

<!DOCTYPE html>

文档声明，告诉浏览器，当前文档使用的HTML标准是HTML5。

不写文档声明，将导致浏览器进入怪异渲染模式。

<html lang="en">
    
    </html>

根元素，一个页面最多只能一个，并且该元素是所有其他元素的父元素或者祖先元素。

HTML5版本中没有强制要求书写该元素

lang属性：language，全局属性，表示该元素内部使用是文字是使用哪一种自然语言书写而成的。

> lang=“en” ：表示英文

> lang=“cmn-hans” : 表示中国大陆官方-简体汉语 ，以前使用的是lang=“zh-CN”

<head>
    
    </head>

文档头、文档头内部的内容，不会显示到页面上。

<meta>

文档的元数据：附加信息

charset: 指定网页内容编码

计算机中，低压电（0~2 V） 0，高压电：（2~5 V）1，

计算机中，只能存储数字01

文字和数字进行对应：  
比如a - 97， A - 64

UTF-8 是Unicode编码的一个版本

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

适配手机端

<meta http-equiv="X-UA-Compatible" content="ie=edge">

告诉IE浏览器使用的内核是edge

<title>Document</title>

网页标题

<body>
    </body>

文档体，页面上所有要参与显示的元素，都应该放置到文档体中。

发表评论取消回复

表情：

评论列表（有 0 条评论，51人围观）

还没有评论，来说两句吧...

相关阅读

相关网页的结构组成类型

![0c664dd8ed53634f335e66e8c87de05a.jpeg][] 网页的结构 1、关于框架结构一般情况下，应尽量避免使用框架结构，因为浏览器必须对框架

╰+哭是因爲堅強的太久メ/ 2024年04月01日 13:14/ 0 赞/ 136 阅读

相关 Docker：基本组成

docker主机(Host)：安装了Docker程序的机器（Docker直接安装在操作系统之上）； docker仓库(Registry)：用来保存各种打包好的软件镜

布满荆棘的人生/ 2024年03月23日 13:38/ 0 赞/ 176 阅读

相关网页基本：组成与解释

文章目录第一个网页注释元素元素的嵌套标准的文档结构第一个网页 Emment插件：自动生成

川长思鸟来/ 2023年03月14日 05:49/ 0 赞/ 52 阅读

相关计算机组成原理解释概念,计算机组成原理概念.doc

文档介绍：计算机组成原理(概念)————————————————————————————————作者:————————————————————————————————日期:

灰太狼/ 2023年01月23日 15:52/ 0 赞/ 127 阅读

相关 OS - 计算机基本组成

文章目录生猛干货概基本硬件组成 CPU 内存主板冯·诺依曼体系结构搞定计算机基础内功

迈不过友情╰/ 2022年10月28日 04:57/ 0 赞/ 282 阅读

相关 server基本组成

设计思想、编码能力、算法基础、协作能力、责任态度；基础结构：字符串操作封装，如：数字字符串转换；分隔符拆分；等常用操作（string\_handle）

灰太狼/ 2022年04月15日 06:50/ 0 赞/ 289 阅读

相关 Jmeter-基本组成

Jmeter基本组成 ![1479277-20190723225324305-402834233.png][] X1~X5是负载模拟的一个过程，使用这些组件来完成

桃扇骨/ 2021年11月04日 13:01/ 0 赞/ 415 阅读

相关 Docker--基本组成

镜像（image） ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9i

谁践踏了优雅/ 2021年08月13日 12:26/ 0 赞/ 452 阅读

相关 JSP基本组成

一. 指令 JSP指令用来设置整个JSP页面相关的属性指令可以有多个属性，以键值对的形式表示，并用逗号隔开，语法格式为： <%@ directive attribute...

小鱼儿/ 2021年05月03日 15:59/ 0 赞/ 599 阅读

相关 Docker核心概念与基本组成

Docker引擎 Docker Engine是具有以下主要组件的客户端-服务器应用程序：服务器是一种长期运行的程序，称为守护程序进程（ dockerd命令）。 RES...

朱雀/ 2020年10月30日 13:59/ 0 赞/ 1139 阅读