第一部分:HTML5

news2024/10/7 2:24:12
一:网页 
        1.1:什么是网页?

                网站是指在因特网上根据一定的规则,使用HTML等制作的用于展示特定内容相关的网页集合

                网页是网站中的一"页",通常是HTML格式的文件,它要通过浏览器来阅读

                网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,常见以.htm或.html后缀结尾的文件,因此将其俗称为HTML文件

        1.2:什么是HTML?

                HTML指的是超文本标记语言(Hyper Text Markup Language),它是用来描述网页的一种语言

                HTML不是一种编程语言,而是一种标记语言

                标记语言是一套标记标签(markup tag)

                超文本的两层含义:

                        1.它可以加入图片、声音、动画、多媒体等内容(超越了文本限制)
                        2.它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接(超级链接文本)

        1.3:网页的形成

                网页是由网页元素组成的,这些元素是利用html标签描述出来,然后通过浏览器解析来显示给用户的

二:常用浏览器

        浏览器是网页显示、运行的平台

        浏览器内核(渲染引擎):负责读取网页内容、整理讯息、计算网页的显示方式并显示页面

                目前国内一般浏览器都会采用Webkit/Blink内核,如360、UC、QQ、搜狗等

三:Web标准

        Web标准是由W3C(万维网联盟)组织和其他标准化组织指定的一系列标准的集合

        3.1:为什么需要Web标准?

                ①可以让不同的开发人员写出的页面更标准、更统一

                ②让Web的发展前景更广阔

                ③内容能被更广泛的设备访问

                ④更容易被搜索引擎搜索

                ⑤降低网站流量费用

                ⑥使网站更容易维护

                ⑦提高页面的浏览速度

        3.2:Web标准的构成

                主要包括结构(Structure)表现(Presentation)行为(Behavior)三个方面

标准说明
结构结构用于对网页元素进行整理和分类,主修HTML
表现表现用于设置网页元素的板式、颜色、大小等外观样式,只修CSS
行为行为是指网页模式的定义及交互的编写,主修Javascript

                Web标准提出的最佳体验方案:结构、样式、行为相分离

                理解:结构写在HTML文件中,表现写在CSS文件中,行为写在JavaScript文件中

四:HTML语法规范
        4.1:基本语法概述

                1.HTML标签是由尖括号包围的关键词,例如<html>

                2.HTML标签通常是成对出现的,例如<html>和</html>,我们称之为双标签。标签对中的第一个标签是开始标签,第二个是结束标签

                3.有些特殊的标签必须是单个标签,例如<br />,我们称之为单标签

        4.2:标签关系

                分类:包含关系和并列关系

1.包含关系
<head>
    <title></title>
</head>

2.并列关系
<head></head>
<body></body>
        4.3:HTML基本结构标签
                4.3.1:第一个HTML网页

                        每一个网页都会有一个基本的结构标签(也称为骨架标签),页面内容也是在这些标签上书写

                        HTML页面也称为HTML文档

  • <!DOCTYPE html> 声明为 HTML5 文档
  • <html> 元素是 HTML 页面的根元素
  • <head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8
  • <title> 元素描述了文档的标题
  • <body> 元素包含了可见的页面内容
  • <h1> 元素定义一个大标题
  • <p> 元素定义一个段落
        4.4:网页开发工具:Vscode
                4.4.1:快捷键

                        ①快速复制一行:shift + alt + 下箭头(上箭头)

                        ②选定多个相同的单词:Ctrl + d

                                先双击选定一个单词,然后按下Ctrl + d可以往下依次选择相同的单词

                        ③添加多个光标:Ctrl + alt + 上箭头(下箭头)

                        ④全局替换某些单词:Ctrl + h

                                当我们的一个页面需要修改大量相同文字的时候,我们一个个的修改有点麻烦,此时便可以使用全局替换

                        ⑤快速定位到某一行:Ctrl + g

                        ⑥选择某个区块:按住shift + alt,然后拖动鼠标

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1034483.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

透视俄乌网络战之四:西方科技巨头的力量

透视俄乌网络战之一&#xff1a;数据擦除软件 透视俄乌网络战之二&#xff1a;Conti勒索软件集团&#xff08;上&#xff09; 透视俄乌网络战之三&#xff1a;Conti勒索软件集团&#xff08;下&#xff09; 西方科技巨头的力量 1. Palantir2. SpaceX3. Maxar Technologies4. Cl…

送水订水小程序商城的作用是什么?

桶/瓶装水有很高的市场需求度&#xff0c;除了家庭外&#xff0c;部分办公场几乎每天都会订水且有一定的合作&#xff0c;由于没有空间限制&#xff0c;因此对桶装水商家来说&#xff0c;本地和外地客户都有较高的拓展度&#xff0c;而传统电话、微信私信订购宣传方式低效且不智…

10.5 串联型稳压电路(1)

稳压管稳压电路输出电流较小&#xff0c;输出电压不可调&#xff0c;不能满足很多场合下的应用。串联型稳压电路以稳压管稳压电路为基础&#xff0c;利用晶体管的电流放大作用&#xff0c;增大负载电流&#xff1b;在电路中引入深度电压负反馈使输出电压稳定&#xff1b;并且&a…

ElasticSearch - 分布式搜索引擎底层实现——倒排索引

目录 一、ElasticSearch 1.1、ElasticSearch 是什么&#xff1f; 1.2、ElasticStack 是什么? 1.3、正向索引和倒排索引 1.3.1、正向索引 1.3.2、倒排索引 a&#xff09;倒排索引的创建过程&#xff1a; b&#xff09;倒排索引的查询过程&#xff1a; c&#xff09;分…

三、初识FreeRTOS之FreeRTOS基础知识

从这节开始&#xff0c;我们正式学习FreeRTOS的一些基础知识&#xff0c;争取做到日更&#xff0c;或者隔日更。如果在学习的过程中哪里有理解错误&#xff0c;希望各位朋友批评指正。因为自己觉得图文并茂好像更容易理解一点&#xff0c;所以在博文中加了大量的图片&#xff0…

Tomcat部署、优化、以及操作练习

一.Tomcat的基本介绍 1.1.Tomcat是什么&#xff1f; Tomcat服务器是一个免费的开放源代码的Web应用服务器&#xff0c;属于轻量级应用服务器&#xff0c;在中小型系统和并发访问用户不是很多的场合下被普遍使用&#xff0c;是开发和调试JSP程序的首选。一般来说&#xff0c;T…

APM32F0XX/STM32F0XX内部参考电压VREFINT反算ADC引脚电压

首先打开极海APM32F030x4x6x8xC 用户手册找到VREFINT。 找到内部参考电压 VREFINT为ADC1_IN17通道 使用VREFINT必须使能VREFEN位 初始化ADC代码 void ADC_Init(void) {GPIO_Config_T gpioConfig;ADC_Config_T adcConfig;/* Enable GPIOA clock */RCM_Ena…

Redis学习笔记--002

Redis的JAVA客户端 文章目录 Redis的JAVA客户端一、Redis的Java客户端的种类二、Jedis2.1、使用步骤2.2、Jedis连接池 三、[SpringDataRedis](https://spring.io/projects/spring-data-redis)3.1、介绍3.2、RedisTemplate3.3、SpringDataRedis使用步骤3.4、SpringDataRedis的序…

银行家算法——C语言实现

算法思路 将操作系统看作是银行家&#xff0c;操作系统所拥有的资源就相当于银行家所拥有的资产&#xff0c;进程向操作系统申请资源就相当于资产家向银行贷款&#xff0c;规定资产家在向银行贷款之前&#xff0c;先申明其所贷数额的最大值&#xff0c;申明之后其贷款的数额不…

深度学习-一个简单的深度学习推导

文章目录 前言1.sigmod函数2.sigmoid求导3.损失函数loss4.神经网络1.神经网络结构2.公式表示-正向传播3.梯度计算1.Loss 函数2.梯度1.反向传播第2-3层2.反向传播第1-2层 前言 本章主要推导一个简单的两层神经网络。 其中公式入口【入口】 1.sigmod函数 激活函数我们选择sigmo…

银河麒麟ky10 server sp3下载

下载路径 /操作系统/Kylin-Server-V10-SP3-General-Release-2212-X86_64.iso

(高阶) Redis 7 第15讲 布隆过滤器 BitMap篇

面试题 如何快速准备判断某一数据在海量数据中存在了解布隆过滤器吗安全网址判断,黑名单校验,识别垃圾邮件白名单校验,识别合法用户?理论 由一个初始值都为0的 bit数组和多个哈希函数构成,用来快速判断集合中是否存在某个元素 设计思想 目的减少内存占用方式不保存数据信…

巨人互动|Facebook海外户Facebook运营工具有哪些?

Facebook是全球最大的社交媒体平台之一&#xff0c;为企业提供了丰富的运营工具和功能&#xff0c;帮助他们在这个庞大的平台上推广、管理和监测他们的业务。下面小编讲一些常用的Facebook运营工具吧&#xff01; 1、Facebook广告管理 Facebook提供了强大的广告管理平台&#…

【从0学习Solidity】24. 在合约中创建新合约

【从0学习Solidity】 24. 在合约中创建新合约 博主简介&#xff1a;不写代码没饭吃&#xff0c;一名全栈领域的创作者&#xff0c;专注于研究互联网产品的解决方案和技术。熟悉云原生、微服务架构&#xff0c;分享一些项目实战经验以及前沿技术的见解。关注我们的主页&#xff…

多维时序 | MATLAB实现WOA-CNN-GRU-Attention多变量时间序列预测(SE注意力机制)

多维时序 | MATLAB实现WOA-CNN-GRU-Attention多变量时间序列预测&#xff08;SE注意力机制&#xff09; 目录 多维时序 | MATLAB实现WOA-CNN-GRU-Attention多变量时间序列预测&#xff08;SE注意力机制&#xff09;预测效果基本描述模型描述程序设计参考资料 预测效果 基本描述…

【Tomcat】Tomcat 运行原理

Tomcat 运行原理 一. Servlet 运行原理1. 接收请求2. 根据请求计算响应3. 返回响应 二. Tomcat 的伪代码1. Tomcat 初始化流程2. Tomcat 处理请求流程3. Servlet 的 service 方法的实现 一. Servlet 运行原理 在 Servlet 的代码中我们并没有写 main 方法, 那么对应的 doGet 代…

Linux 性能分析笔记:平均负载的理解

文章目录 uptime 的命令解释uptime 平均负载的理解man uptime平均负载的合理值系统负载的趋势 案例分析CPU 密集型程序IO 密集型大量进程 学习笔记主要来源&#xff1a;Linux性能优化实战_Linux_性能调优-极客时间 uptime 的命令解释 uptime 09:17:52 系统当前时间up 1 day, 1…

Servlet开发-tomcat如何解析json格式的数据

前言 在应用层协议中&#xff0c;json格式是程序猿经常用来组织数据的格式&#xff0c;在http数据报的body中也经常会携带json格式的数据&#xff0c;所以 tomcat 部署的 webapp 能够解析 json 格式的数据是很有必要的 引入依赖 tomcat 本身并不支持解析 json 格式的数据&…

【Qt】16进制转换格式字符串及二进制

【Qt】16进制转换格式字符串及二进制 16进制转换成字符串16进制转换成格式字符串16进制转换成字符串并每两位加空格16进制转换成二进制 16进制转换成字符串 可调用QString类的静态方法number(),此方法为重载&#xff0c;有以下重载 // 第一个参数为输入值&#xff0c;第二个为…