当前位置： 首页 > news >正文

设计公司的网站建设/太原关键词排名提升

news 文章来源：https://blog.csdn.net/xiatutut/article/details/126373809 2025/3/10 11:20:34
设计公司的网站建设,太原关键词排名提升,我想自己做的知道网站,网站开发的工作环境文章目录网站和网页浏览器的作用HTML标签元素注释乱码问题web系统是以网站形式呈现的，而前端是以网页形式呈现的。 网站和网页 网站（web site）：互联网上用于展示特定内容的相关网页的集合。也就是说，一个网站包含多个…

文章目录

  • 网站和网页
  • 浏览器的作用
  • HTML
  • 标签
  • 元素
  • 注释
  • 乱码问题

web系统是以网站形式呈现的，而前端是以网页形式呈现的。

网站和网页

  1. 网站（web site）：互联网上用于展示特定内容的相关网页的集合。也就是说，一个网站包含多个网页，网站是网页的集合。
  2. 网页（web page）：网站中的一页，一个网站中的网页通过 “超链接” 的方式组织在一起。

可以类比为网站是一本书，而网页就是其中的一页。

  1. 主页（homepage）：进入网站看到的第一个网页，主页的文件名通常是index。

index的英文翻译是：
n. 索引；（物价和工资等）指数；指标，量度；幂，根指数；指针

  1. 网页元素
    站标（Logo）、导航栏、文字超链接、广告横幅、表单等。

本质上，网站就是文件夹，而网页就是里面的文件。

我们将做好的网站放在 服务器端 ，用户通过浏览器使用自己的设备（称为客户端）来访问服务器端提供的网站文件夹里面的网页了。

比如说，当客户通过客户端来请求要访问百度的首页，这时服务端就接受到这个请求，找到对应的页面后就返回给客户端，这样客户端就可以使用这个页面了。


浏览器的作用

网页本质上就是一些文件，而浏览器可以解析文件里面的代码，解析源代码，渲染网页。

浏览器就类似于一个翻译器一样，将用代码写的文件翻译为页面使得我们可以看到内容。

一些主流的浏览器：

在这里插入图片描述

还有我最喜欢的 Edge 浏览器

（支持众多插件，功能巨多，页面友好，外形美观，简直yyds）

在这里插入图片描述

HTML

~~  (Hyper Text MarkUp Language)

超文本标记语言，是制作网页的标准语言。

标签

由尖括号包围<p> ，通常成对出现。如

<p> ... </p>

第1个是 起始标签 ，第2个是 结束标签。
这2个标签之间的就是具体内容。这3个共同构成html中的元素。

标签也可以单独出现，如<img /> ，这种标签的结束就是结尾的斜杠。

  • 标签嵌套：在一对标签内部如果想嵌套其他标签，需要将其他标签的开始和结束标签都嵌套在其中，这样才是一个完整的嵌套，只嵌套其中一个是不可以的。
    比如：<html> <body></body> </html> 这样是正确的写法。
  • 标签缩进：在一对标签嵌套另一对标签时，如上一个例子中，html的标签称为外层标签，body的标签为内层标签，我们在写的时候可以通过缩进来区分外层标签和内层标签。
    在这里插入图片描述
  • 这样缩进之后，我们把外层的<html> ... </html> 称为 父元素 ，内层的 <head> ... </head> 和<body>...</body> 称为 子元素 ，又因为 head 和body同级，又将他们称为 同级元素。
  • 标签属性：标签可以有多个属性，他们的属性先后顺序无关。
    在这里插入图片描述
    src属性是图片的地址
    alt 属性是当图片显示不出来时替换的文本。

元素

元素： ~~   元素 = 起始标签+内容+结束标签

注释

注释：~~~    html 的注释语句格式为 <!--这句话是注释-->

html文件的结构：

用 html 编写网页文件的时候，需要把文件的后缀改为 .htm 或者 .html 。
（图片中的代码不是手打出来的，只要创建好.html的文件，在编辑器第一行输入感叹号(英文) ! ，并回车就会自动显示这些了）

在这里插入图片描述
<html> ... </html> 标签是整个文件的开始和结束。在这2个标签之中的内容都由html的语法格式来规范。

<head> ... </head> 标签表示文件的头部信息，是网页针对浏览器和搜索引擎提供的一些信息。如<title>冬至</title> 标签的内容就是显示在页面的标题栏中。
在这里插入图片描述

<body> ... </body> 表示网页的主体内容了，也就是打开页面所显示的内容。

乱码问题

打开网页出现乱码问题：

本质原因是因为使用一种编码方式编码却使用另一种编码来解析文件内容。

源文件保存时的编码 和 源文件声明<meta charset="编码方式"> 不一致时，就会出现乱码问题。



相关文章：

HTML基本概述

文章目录网站和网页浏览器的作用HTML标签元素注释乱码问题web系统是以网站形式呈现的&#xff0c;而前端是以网页形式呈现的。 网站和网页 网站&#xff08;web site&#xff09;&#xff1a;互联网上用于展示特定内容的相关网页的集合。也就是说&#xff0c;一个网站包含多个…...

编程日记 2023/5/6 11:35:59

Vue 3.0 响应式 计算和侦听 【Vue3 从零开始】

本节使用单文件组件语法作为代码示例 #计算值 有时我们需要依赖于其他状态的状态——在 Vue 中&#xff0c;这是用组件计算属性处理的&#xff0c;以直接创建计算值&#xff0c;我们可以使用 computed 方法&#xff1a;它接受 getter 函数并为 getter 返回的值返回一个不可变的…...

编程日记 2023/5/6 11:35:56

1.mbedtls移植到STM32

mbedtls学习笔记 1.关于mbedtls2.STM32移植方法2.1STM32cubemx移植2.2手动移植12.3移植总结2.4手动移植22.4.1移植方式22.4.2测试SHA1加密1.关于mbedtls 1.主要提供了的 SSL/TLS 支持（在传输层对网络进行加密），各种加密算法，各种哈希算法，随机数生成以及 X.509（密码学里…...

编程日记 2023/5/6 11:35:54

模块、包和异常

目录1.模块import 导入from...import 导入2. 模块的搜索顺序3. __name__属性的使用4. 包包的使用步骤5. 发布模块6. 安装模块7. 卸载模块8. pip 安装第三方模块9. 异常处理异常捕获异常的传递抛出 raise 异常1.模块 模块是 Python 程序架构的一个核心概念 每一个以扩展名 py …...

编程日记 2023/5/6 11:35:52

RocketMQ控制台的安装与启动

RocketMQ控制台的安装与启动下载修改配置开放端口号重启防火墙添加依赖编译 rocketmq-dashboard运行 rocketmq-dashboard本地访问rocketmq无法发送消息失败问题。connect to &#xff1c;公网ip:10911&#xff1e; failed下载 下载地址 修改配置 修改其src/main/resources中…...

编程日记 2023/5/6 11:35:49

pytorch安装的超级详细教程(没有之一)

一、发展历程 &#xff08;简单介绍&#xff09; (15年)caffe --> (16年)tensorflow1.x --> (17年)keras --> (18年)Tensorflow2.x --> (19年)pytorch。 面向gihub开源项目编程。 向下支持比较好&#xff0c;各个版本之间支持比较好&#xff0c;兼容性强。 版本…...

编程日记 2023/5/6 11:35:47

leetcode两数之和

给定一个整数数组 nums 和一个整数目标值 target&#xff0c;请你在该数组中找出 和为目标值 target 的那 两个 整数&#xff0c;并返回它们的数组下标。 你可以假设每种输入只会对应一个答案。但是&#xff0c;数组中同一个元素在答案里不能重复出现。 你可以按任意顺序返回…...

编程日记 2023/5/6 11:35:45

断点调试(debug)

目录 F8案例 ​编辑 debug过程中报错 ​编辑用debug查看方法源码 一层一层查看 Arrays.sort()方法 F9 DebugExercise 介绍&#xff1a;断点调试是指在程序的某一行设置一个断电&#xff0c;调试时&#xff0c;程序运行到这一行就会停住&#xff0c;然后可以一步步往下调试…...

编程日记 2023/5/7 11:03:24

Vuex 状态管理

文章目录Vuex概述安装单向数据流Vuex核心概念StatemapState 辅助函数扩展运算符GettermapGetters 辅助函数Mutation提交载荷提交载荷对象对象风格提交使用常量替代mutation事件类型Action异步分发Module命名空间Vuex 概述 Vuex 是一个状态管理库&#xff0c;用于管理 Vue.js …...

编程日记 2023/5/7 2:52:54

射频功率放大器在辉光放电特征及风速测量原理中的应用

实验名称&#xff1a;辉光放电特征及风速测量原理研究方向&#xff1a;辉光放电测试设备&#xff1a;信号发生器、ATA-8202射频功率放大器&#xff0c;热成像仪、万用表、等离子体传感器实验过程&#xff1a;在等离子体形成条件和流场响应机制的基础上&#xff0c;可以明确影响…...

编程日记 2023/5/7 2:52:52

keepalived+nginx 双机热备搭建

keepalivednginx 双机热备搭建一、准备工作1.1 准备两台centos7.91.2 nginx 与 keepalived软件 双机安装1.3 ip分配1.4 修改主机名1.5 关闭selinux&#xff08;双机执行&#xff09;1.6 修改hosts&#xff08;双机执行&#xff09;二、安装keepalived2.1 执行一下命令安装keepa…...

编程日记 2023/5/7 2:52:47

零基础如何入门学习Python？

阶段一&#xff1a;Python开发基础 Python全栈开发与人工智能之Python开发基础知识学习内容包括&#xff1a;Python基础语法、数据类型、字符编码、文件操作、函数、装饰器、迭代器、内置方法、常用模块等。 阶段二&#xff1a;Python高级编程和数据库开发 Python全栈开发与人…...

编程日记 2023/5/7 2:52:45

认识CSS之基础选择器

&#x1f31f;所属专栏&#xff1a;前端只因变凤凰之路&#x1f414;作者简介&#xff1a;rchjr——五带信管菜只因一枚&#x1f62e;前言&#xff1a;该系列将持续更新前端的相关学习笔记&#xff0c;欢迎和我一样的小白订阅&#xff0c;一起学习共同进步~&#x1f449;文章简…...

编程日记 2023/5/7 2:52:42

JavaScript面试题整理汇总

1、面试官&#xff1a;说说JavaScript中的数据类型&#xff1f;存储上的差别&#xff1f;在JavaScript中&#xff0c;我们可以分成两种类型&#xff1a;基本类型和复杂类型。两种类型的区别是&#xff1a;存储位置不同基本类型主要为以下6种&#xff1a;NumberStringBooleanUnd…...

编程日记 2023/5/7 2:52:40

科普| 什么是云原生？

“新冠疫情从根本上改变了商业模式&#xff0c;工作流向在线迁移的速度比以往任何时候都要快。越来越多的公司和消费者依靠电子商务“ B2B”和B2C”&#xff0c;以及网上银行促进创新以满足日益增长的客户需求&#xff0c;云原生技术在其中发挥重要作用&#xff0c;同时也加速了…...

编程日记 2023/5/6 11:35:42

Spring Boot 3.0系列【9】核心特性篇之依赖管理

有道无术，术尚可求，有术无道，止于术。 本系列Spring Boot版本3.0.3 源码地址：https://gitee.com/pearl-organization/study-spring-boot3 文章目录 前言依赖管理1. dependencyManagement、parent2. spring-boot-starter-parent3. spring-boot-dependencies4. 实际开发中的…...

编程日记 2023/5/7 2:52:38

每日算法题

目录 第一题 第二题 第一题 题目描述 小蓝要为一条街的住户制作门牌号。 这条街一共有 20202020 位住户&#xff0c;门牌号从 11 到 20202020 编号。 小蓝制作门牌的方法是先制作 00 到 99 这几个数字字符&#xff0c;最后根据需要将字符粘贴到门牌上&#xff0c;例如门牌…...

编程日记 2023/5/6 11:35:40

xss靶场绕过

目录 第一关 原理 payload 第二关 原理 payload 第三关 原理 payload 第四关 原理 payload 第五关 原理 payload 第六关 原理 payload 第七关 原理 payload 第八关 原理 payload 第九关 原理 payload 第十关 原理 payload 第十一关 原理 payl…...

编程日记 2023/5/6 17:42:53

【数据结构】核心数据结构之二叉堆的原理及实现

1.大顶堆和小顶堆原理 什么是堆 堆&#xff08;Heap&#xff09;是计算机科学中一类特殊的数据结构&#xff0c;通常是一个可以被看作一颗完全二叉树的数组对象。 完全二叉树 只有最下面两层节点的度可以小于2&#xff0c;并且最下层的叶节点集中在靠左连续的边界 只允许最后…...

编程日记 2023/5/6 17:42:51

Spring Cloud Alibaba+saas企业架构技术选型+架构全景业务图 + 架构典型部署方案

基于Spring Cloud Alibaba 分布式微服务高并发数据平台化(中台)思想多租户saas设计的企业开发架构&#xff0c;支持源码二次开发、支持其他业务系统集成、集中式应用权限管理、支持拓展其他任意子项目。 一、架构技术选型 核心框架 Spring Boot SOA Spring Cloud …...

编程日记 2023/5/6 17:42:48

RocketMQ-03

1. 高级功能 1.1 消息存储 分布式队列因为有高可靠性的要求&#xff0c;所以数据要进行持久化存储。 消息生成者发送消息MQ收到消息&#xff0c;将消息进行持久化&#xff0c;在存储中新增一条记录返回ACK给生产者MQ push 消息给对应的消费者&#xff0c;然后等待消费者返回A…...

编程日记 2023/5/6 17:42:46

大神教你在 Linux 中查看你的时区

在这篇短文中&#xff0c;我们将向你简单介绍几种 Linux 下查看系统时区的简单方法。在 Linux 机器中&#xff0c;尤其是生产服务器上的时间管理技能&#xff0c;是在系统管理中一个极其重要的方面。Linux 包含多种可用的时间管理工具&#xff0c;比如 date 或 timedatectlcomm…...

编程日记 2023/5/6 17:42:43

Redis持久化策略

Redis有两种持久化方式：快照(snapshotting，或者叫Redis DataBase，RDB)和只追加文件(append-only,AOF)。两种方式可以单独使用，也可以同时使用。 1.RDB模式 RDB：将某时刻所有数据都写入到硬盘里，存储为.rdb快照文件，新的快照文件生成之后会替换旧的快照文件。用户可以将…...

编程日记 2023/5/5 19:47:44

显著性检验【t-test、方差分析、ks检验】

显著性检验【t-test、方差分析、ks检验】 0、目录 1显著性检验基本定义&#xff08;what&#xff1f;&#xff09; 2.使用显著性检验的意义&#xff08;why? &#xff09; 3.显著性检验的具体操作流程&#xff08;how? &#xff09; 1、显著性检验基本定义 统计假设检验…...

编程日记 2023/5/6 17:42:41

访问学者在德国访学生活衣食住行攻略

德国因其优质的教育水平、高价值的学制、低廉的访学成本&#xff0c;逐渐成为访学领域的宠儿。对于初次来到德国生活的访问学者&#xff0c;一定不是很熟悉德国的真实生活情况。今天51访学网小编就给大家介绍德国访学学衣食住行&#xff0c;希望可以帮助到即将出国的你。 一、…...

编程日记 2023/5/6 17:42:38

SQL-刷题技巧-删除重复记录

一. 原题呈现 牛客 SQL236. 删除emp_no重复的记录&#xff0c;只保留最小的id对应的记录。 描述&#xff1a; 删除emp_no重复的记录&#xff0c;只保留最小的id对应的记录。 drop table if exists titles_test; CREATE TABLE titles_test (id int(11) not null primary key…...

编程日记 2023/5/6 17:42:33

基于JSP的虚拟账号交易平台

技术&#xff1a;Java、JSP等摘要&#xff1a;随着网络游戏以及各种平台的出现与更新&#xff0c;虚拟账号交易平台正逐渐成为电商的新增长点。当今社会&#xff0c;互联网发发展飞速&#xff0c;游戏产业也渐渐兴起&#xff0c;随之虚拟游戏账号的交易量逐渐增多&#xff0c;但…...

编程日记 2023/5/6 17:42:31

LeetCode201_201. 数字范围按位与

LeetCode201_201. 数字范围按位与 一、描述 给你两个整数 left 和 right &#xff0c;表示区间 [left, right] &#xff0c;返回此区间内所有数字 按位与 的结果&#xff08;包含 left 、right 端点&#xff09;。 示例 1&#xff1a; 输入&#xff1a;left 5, right 7 输…...

编程日记 2023/5/6 17:42:28

一款好的风险管理软件可以做什么

风险管理软件哪个好&#xff1f;使用Zoho Projects易于使用的项目风险管理软件&#xff0c;最大限度地减少收入损失并快速调整您的投资组合&#xff0c;保护您的项目投资。Zoho Projects的高级风险管理软件可在您最需要的时候安全的保护您的业务。使用Zoho Projects强大的风险管…...

编程日记 2023/5/6 17:42:26

html2canvas使用文档

一、安装 Install NPM npm install --save html2canvasInstall Yarn yarn add html2canvas二、引入 import html2canvas from html2canvas;三、使用 以 vue 举例&#xff0c;这样写起来比较方便 <div ref"picture"><h4>Hello world!</h4> &l…...

编程日记 2023/5/6 17:42:21