HTML5/CSS3基础

 

1. HTML

1.1 什么是HTML

  • HTML是用来制作网页的标记语言
  • HTML是Hypertext Markup Language的英文缩写,即超文本标记语言
  • HTML语言是一种标记语言,不需要编译,直接由浏览器执行
  • HTML文件是一个文本文件,包含了一些HTML元素,标签等
  • HTML文件必须使用.html或.htm为文件名后缀
  • HTML是大小写不敏感的,HTML与html是一样的
  • HTML是由W3C的维护的
  • HTML 是通向 WEB 技术世界的钥匙。

1.2 发展历史

  • HTML是从2.0版本开始的,实际上没有1.0的官方规范,在1993年6月作为互联网工程工作小组(IETF)工作草案发布(并非标准) HTML 2.0——1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时
  • HTML 3.2——1997年1月14日,W3C推荐标准
  • HTML 4.0——1997年12月18日,W3C推荐标准
  • HTML 4.01(微小改进)——1999年12月24日,W3C推荐标准
  • HTML 5——2014年10月28日,W3C推荐标准

1.3 HTML5的由来

  • HTML5草案的前身名为 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的 HTML 工作团队。
  • HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。
  • 2012年12月17日,万维网联盟(W3C)正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称:“HTML5是开放的Web网络平台的奠基石。”
  • 2013年5月6日, HTML 5.1正式草案公布。该规范定义了第五次重大版本,第一次要修订万维网的核心语言:超文本标记语言(HTML)。在这个版本中,新功能不断推出,以帮助Web应用程序的作者,努力提高新元素互操作性。
  • 2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成。

1.4 HTML5的优点

  • 1、提高可用性和改进用户的友好体验;
  • 2、有几个新的标签,这将有助于开发人员定义重要的内容;
  • 3、可以给站点带来更多的多媒体元素(视频和音频);
  • 4、可以很好的替代FLASH和Silverlight;
  • 5、当涉及到网站的抓取和索引的时候,对于SEO很友好;
  • 6、将被大量应用于移动应用程序和游戏;
  • 7、可移植性好。

1.5 HTML5的兼容性

  • Internet Explorer 9 以及 以上版本
  • chrome、Safari、opera、Firefox和各种以wekkit为内核的国产浏览器

附:相关组织

IETF(The Internet Engineering Task Force)

国际互联网工程任务组(The Internet Engineering Task Force,简称 IETF)
互联网工程任务组,成立于1985年底,是全球互联网最具权威的技术标准化组织,主要任务是负责互联网相关技术规范的研发和制定,当前绝大多数国际互联网技术标准出自IETF。

W3C(World Wide Web Consortium)

万维网联盟(World Wide Web Consortium)
万维网联盟创建于1994年,是Web技术领域最具权威和影响力的国际中立性技术标准机构。到目前为止,W3C已发布了200多项影响深远的Web技术标准及实施指南,如广为业界采用的超文本标记语言(标准通用标记语言下的一个应用)、可扩展标记语言(标准通用标记语言下的一个子集)以及帮助残障人士有效获得Web内容的信息无障碍指南(WCAG)等,有效促进了Web技术的互相兼容,对互联网技术的发展和应用起到了基础性和根本性的支撑作用。

WHATWG(Web Hypertext Application Technology Working Group)

网页超文本应用技术工作小组是一个以推动网络HTML 5 标准为目的而成立的组织。
在2004年,由Opera、Mozilla基金会和苹果这些浏览器厂商组成。

2 HTML基本语法

2.1 HTML标签

  • 标签是HTML中最基本单位,也是最重要组成部分
  • 通常要用两个角括号括起来:<>
  • 标签都是闭合的(两种形式:成对与不成对)
  • 双标签(成对): <标签名>内容</标签名> 如:<table></table> 即分起始和结束
  • 单标签(不成对): <标签名 />; 如: <br/><hr/>
  • 标签是大小写无关的,<body>;跟<BODY>表示意思是一样的,标准推荐使用小写,这样符合XHTML标准。
  • 对于HTML标签来讲,最重要的是语义

2.2 HTML标签属性

  • HTML属性一般都出现在HTML的开始标签中, 是HTML标签的一部分。
  • 标签可以有属性,它包含了额外的信息.属性的值一定要在双引号中。
  • 标签可以拥有多个属性。
  • 属性由属性名和值成对出现。
  • 语法格式如下:
    <标签名 属性名1="属性值" 属性名2="属性值" ... 属性名N="属性值"> <!– 输出内容… --> </标签名> 

2.3 HTML代码格式

任何回车或空格在源代码中都是不起作用,
所以在编写HTML代码时,都可以使用回车或者空格进行代码排版,
这样可以使代码清晰,也便于团队合作。必须保持严格的缩进规则,以Tab键为准。

2.4 HTML 注释

<!-- 注释内容 -->
<!--这里全是注释都是注释
-->

2.5 HTML 实体 (特殊字符)

 描述实体名称实体编号
 空格 &#160;
<小于号<&#60;
>大于号>&#62;
&和号&&#38;
"引号"&#34;
'撇号' (IE不支持)&#39;
分(cent)¢&#162;
£镑(pound)£&#163;
¥元(yen)¥&#165;
欧元(euro)&#8364;
§小节§&#167;
©版权(copyright)©&#169;
®注册商标®&#174;
商标&#8482;
×乘号×&#215;
÷除号÷&#247;

3 HTML常用标签

3.1 文档声明

你可使用此声明在 Internet Explorer 6 及以后版本中切换为严格的标准兼容模式。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!DOCTYPE html>

3.2 HTML主体结构标签

  • <html></html> 此元素可告知浏览器其自身是一个 HTML 文档。
  • <head></head> 用于定义文档的头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
  • <body></doby> 定义文档的主体

3.3 HEAD头部标签

  • <title></title> 定义文档标题
  • <base /> 标签为页面上的所有链接规定默认地址或默认目标
  • <meta /> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。<meta> 标签永远位于 head 元素内部。
    <meta charset="utf-8">
    
  • <link></link> 标签定义文档与外部资源的关系。

    <link rel="stylesheet" type="text/css" href="style.css"></link> <link rel="shortcut icon" type="images/x-icon" href="http://www.baidu.com/favicon.ico"> 
  • <style></style> 签用于为 HTML 文档定义样式信息。

  • <script></script> 标签用于定义客户端脚本,比如 JavaScript。script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。

    <script type="text/javascript" src="script.js"></script> <script> alert('OK') </script> 

3.4 meta元信息

  • content 定义与 http-equiv 或 name 属性相关的元信息
  • name 把content属性关联到一个名称

    authordescriptionkeywordsgeneratorrevisedrobotsothers
    
  • http-equiv 把 content 属性关联到 HTTP 头部。

    content-type
    expires
    refresh
    set-cookie
    
  • charset 字符集编码

编码字符集
<meta charset="utf-8">  HTML5 支持 HTML5向下兼容
<meta http-equiv="content-type" content="text/html;charset=utf-8" /> HTML 4支持 网页关键字: <meta name="keywords" content="8-12个以英文逗号隔开的单词/词语"> 网页描述信息 <meta name="description" content="80字以内的一段话,与网站内容相关"> <!--下面的内容,只需要了解。 自己看看--> 所有搜索引擎,抓取这个页面、爬行链接、禁止快照: <meta name="robots" content="index,follow,noarchive"> all:文件将被检索,且页面上的链接可以被查询; none:文件将不被检索,且页面上的链接不可以被查询; index:文件将被检索; follow:页面上的链接可以被查询; noindex:文件将不被检索,但页面上的链接可以被查询; nofollow:文件将被检索,但页面上的链接不可以被查询; noarchive:文件将被检索,但禁止保存快照; 网页作者: <meta name="author" content="obama"> 网页网页生成工具 <meta name="generator" content="Sublime Text3"> 定义页面最新版本 <meta name="revised" content="David, 2008/8/8/" /> 网页版权信息: <meta name="copyright" content="2009-2014©版权所有"> 网页刷新信息: <meta http-equiv="refresh" content="10;url=http://www.baidu.com"> 10秒后跳转到百度页面 

3.5 格式排版标签

  • <br/> 换行标签,完成文字的紧凑显示。可以使用连续多个<br/>标签来换行
  • <hr/> 水平分割线标签,用于段落与段落之间的分割
  • <p></p>段落标签,里面可以加入文字,列表,表格等,可以<p></p>或<p />使用
  • <pre></pre>按原文显示标签,可以把原文件中的空格,回车,换行,tab键表现出来
  • <hn></hn> 标题字标签,n为1-6,定义六级标题,而且会自动换行插入一个空行
  • <div></div> 没有任何语义的标签

3.6 文本标签

  • <em></em> 表示强调,通常为斜体字
  • <strong></strong> 表示强调(语气更强),通常为粗体字
  • <del></del> 标签定义文档中已删除的文本。
  • <ins></ins> 标签定义已经被插入文档中的文本
  • <sub></sub> 文字下标字体标签
  • <sup></sup> 文字上标字体标签
  • <mark></mark> H5新增 标签定义带有记号的文本 请在需要突出显示文本时使用,如搜索引擎搜索页面
  • <ruby></ruby> H5新增 标签定义 ruby 注释(中文注音或字符) 在东亚使用,显示的是东亚字符的发音。
  • <rt></rt> H5新增 标签定义字符(中文注音或字符)的解释或发音
<!--一下文本标签  作为了解-->
<cite>    用于引证、举例、(标签定义作品(比如书籍、歌曲、电影、电视节目、绘画、雕塑等等)的标题)通常为斜体字
<dfn> 定义一个定义项目 <code> 定义计算机代码文本 <samp> 定义样式文本 标签并不经常使用。只有在要从正常的上下文中将某些短字符序列提取出来,对它们加以强调的极少情况下,才使用这个标签。 <kbd> 定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。 <abbr> 定义缩写 配合title属性 (IE6以上) <bdo> 来覆盖默认的文本方向 dir属性 值: lrt rtl <var> 定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。 <small> 标签定义小型文本(和旁注) <b> 粗体字标签 根据 HTML 5 的规范,<b> 标签应该做为最后的选择,只有在没有其他标记比较合适时才使用它。 <i> 斜体字标签 标签被用来表示科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等。 <u> 下划线字体标签 标签定义与常规文本风格不同的文本,像拼写错误的单词或者汉语中的专有名词。 请尽量避免使用 <u> 为文本加下划线,用户会把它混淆为一个超链接。 <q> 签定义一个短的引用。浏览器经常会在这种引用的周围插入引号。(小段文字) <blockquote> 标签定义摘自另一个源的块引用。浏览器通常会对 <blockquote> 元素进行缩进。(大段文字) (块状元素) <address> 定义地址 通常为斜体 (注意非通讯地址) 块状元素 <font> H5已删除 字体标签,可以通过标签的属性指定文字的大小、颜色及字体等信息 <tt> H5已删除 打字机文字 <big> H5已删除 大型字体标签 <strike> H5已删除 添加删除线 <acronym> H5已删除 首字母缩写 请使用<abbr>代替 <bdi> H5新增 标签允许您设置一段文本,使其脱离其父元素的文本方向设置。(经测试,各大浏览器都不起作用) <mark> H5新增 标签定义带有记号的文本 请在需要突出显示文本时使用,如搜索引擎搜索页面 <meter> H5新增 定义预定义范围的度量 <progress> H5新增 标签标示任务的进度(进程) <time> H5新增 定义时间和日期 <wbr> H5新增 规定在文本中的何处适合添加换行符。Word Break Opportunity 

4 CSS基础语法

4.1 使用方法

  • 写在标签内的style属性中

    <p style="color:red;"</p> 

    写在<style> 元素中

    <style>p {color:red } </style> 
  • 外部导入

    <link rel="stylesheet" type="text/css" href="./style.css"> 

4.2 CSS格式组成

  • 选择器 负责圈定范围,要修改的元素集合 声明 由属性名和属性值组成,中间用冒号连接(属性名:属性值),用于设定具体样式
  • CSS由选择器和一或多个声明组成,多个声明之间用分号
    选择器{属性名:属性值;属性名:属性值;
    }
    

4.3 CSS注释

/*注释内容*/

4.4 CSS基本长度单位

  • em 倍数 默认字体大小的倍数
  • px:pixel,像素,屏幕上显示的最小单位,用于网页设计,直观方便;%
  • 百分比
  • pt:point,是一个标准的长度单位,1pt=1/72英寸,用于印刷业,非常简单易用;
  • cm 厘米
  • mm 毫米

4.5 CSS基本颜色单位

  • colorName 颜色名方式 red,green,blue...

    RGB十进制数字表示颜色

     数字(1-255) rgb(255,0,0)百分比(1-100) rgb(100%,0,0)
    
  • RGB十六进制表示

     #rrggbb#rgb  简写
    

5 CSS选择器(基础)

  • HTML元素选择器

     div {}
    
  • ID选择器

     #idName {}
    
  • CLASS选择器

     .className {}
    
  • 全局选择器

     * {}
    
  • 组合: 后代元素

     选择器 选择器 {}.nav li {}#box div {}div .list {} .container li {} 
  • 组合:子元素

     选择器>选择器 {}.nav>li {}#box>div {}div>.list {} .container>li {} 
  • 组合:群组选择器

     选择器,选择器,选择器 {}body,ul,li,p,figure,table,.item,.list-item { } 
  • 组合:多选择器

     div.item {}.item.list-item {}div#container { } 

6 选择器优先级

计算 选择符 中ID的数量(=a)                    
计算 选择符 中 类选择器 属性选择器 伪类选择器 的数量(=b)    
计算选择符 中 标签选择器 伪对象选择器的数量 (=c)        
忽略全局选择器                            
a的权重100  b的权重10   c的权重1    相加

7 CSS常用属性和值

7.1 字体属性

  • font

    font:字体风格[字体加粗]<字体大小>[/行高]<字体族科>
    
  • font-family 字体族科 宋体|微软雅黑

    font-family:"Arial","Helvetica",sans-serif;
    
  • font-size 字体大小

  • font-style 字体风格 normal | italic | oblique (斜体)

  • font-weight 字体加粗 normal | bold | lighter

  • font-variant 字体变形 normal | small-caps

7.2 文字颜色

  • color 设置文字颜色

7.3 文本属性

  • letter-spacing 字母间隔 值为长度,可以是负值

  • word-spacing 词的间距(通过空格识别)

  • text-decoration 文字修饰

    underline
    overline
    line-through
    none(默认)
    
  • text-align 横向排列 left | right | center

  • vertical-align 垂直对其方式

    baseline: 将支持valign特性的对象的内容与基线对齐 
    sub: 垂直对齐文本的下标 
    super: 垂直对齐文本的上标 
    top: 将支持valign特性的对象的内容与对象顶端对齐 
    text-top: 将支持valign特性的对象的文本与对象顶端对齐 
    middle: 将支持valign特性的对象的内容与对象中部对齐 
    bottom: 将支持valign特性的对象的文本与对象底端对齐 
    text-bottom: 将支持valign特性的对象的文本与对象顶端对齐 
    <percentage>: 用百分比指定由基线算起的偏移量。可以为负值。基线对于百分数来说就是0%。 
    <length>: 用长度值指定由基线算起的偏移量。可以为负值。基线对于数值来说为0。(CSS2)
    
  • text-indent 文本缩进 2em(2个字) 50px

  • line-height 设置行间距离 不允许使用负值

  • word-break 规定自动换行的处理方法

    normal        使用浏览器默认的换行规则。
    break-all    允许在单词内换行。
    keep-all    只能在半角空格或连字符处换行。
    
  • word-wrap 允许长单词或URL地址换行到下一行

    normal        只在允许的断字点换行(浏览器保持默认处理)。
    break-word    在长单词或 URL 地址内部进行换行。
    
  • overflow-wrap CSS3中把word-wrap 改名为 overflow-wrap

  • white-space

    normal:     默认处理方式。
    pre:        用等宽字体显示预先格式化的文本,不合并文字间的空白距离,当文字超出边界时不换行。可查阅pre对象
    nowrap:     强制在同一行内显示所有文本,合并文本间的多余空白,直到文本结束或者遭遇br对象。
    pre-wrap:   用等宽字体显示预先格式化的文本,不合并文字间的空白距离,当文字碰到边界时发生换行。
    pre-line:   保持文本的换行,不保留文字间的空白距离,当文字碰到边界时发生换行。

转载于:https://www.cnblogs.com/ouyang99-/p/9784066.html

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

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

相关文章

机器学习泰斗迈克尔 · 乔丹:不是什么都叫AI的

来源&#xff1a;IEEE Spectrum作者&#xff1a;Kathy Pretz编译&#xff1a;机器之心编辑&#xff1a;小舟、张倩「人工智能系统还远远不够先进&#xff0c;无法在涉及推理、运用现实世界知识和社交互动等许多任务中替代人类。」机器学习先驱迈克尔 欧文 乔丹&#xff08;Mi…

synchronized和lock的区别

公平锁。syn是非公平锁&#xff0c;无法保证线程按照申请锁的顺序获得锁&#xff0c;而Lock锁提供了可选参数&#xff0c;可以配置成公平锁&#xff0c;也可以配置成非公平锁。通常来说&#xff0c;非公平锁的效率比公平锁要高。 可中断锁。一个线程使用syn获取锁&#xff0c;除…

经典数值优化算法--专题学习

通用的损失函数最优化的数值方法&#xff0c;来源于泰勒展开式&#xff0c;多元函数的泰勒展开式为&#xff1a; 一、一阶逼近与一阶方法 一阶泰勒展开式&#xff1a; 其中&#xff0c;是代表了β变化的可能性&#xff0c;t在之后说到的梯度下降方法中演变成了学习速率。 现在&…

美国雷神公司对第六代战斗机的任务系统提出六点预测

来源&#xff1a;转载自公众号 “空天防务观察”图片&#xff1a;来源于网络编辑&#xff1a;朱锦锟审阅&#xff1a;原熙文2021年3月29日&#xff0c;美国雷神技术公司旗下的雷神情报与太空公司刊文&#xff0c;称该公司的工程师们针对可在未来“第六代”战斗机上运行的任务系…

Leetcode--394. 字符串解码(Java)

给定一个经过编码的字符串&#xff0c;返回它解码后的字符串。 编码规则为: k[encoded_string]&#xff0c;表示其中方括号内部的 encoded_string 正好重复 k 次。注意 k 保证为正整数。 你可以认为输入字符串总是有效的&#xff1b;输入字符串中没有额外的空格&#xff0c;且…

人机猜拳

import java.util.Scanner;public class Person { Scanner input new Scanner(System.in); String name; int score; String action; int num; public void method() { System.out.println("\n请出拳&#xff1a;1.剪刀 2.石头 3.布"); boolean a true; do { num…

【专家观点】张亚勤、张宏江:人工智能的未来是什么?

来源&#xff1a;智能研究院“我们打造一个规模庞大的系统时&#xff0c;更需要具备系统思维&#xff0c;同时拥有动手能力、喜欢搭系统的人才……诞生至今&#xff0c;智源一直肩负着三项重要任务&#xff1a;一是构筑一个社区。二是打造一个真正适合青年科学家成长的平台。三…

Leetcode--837. 新21点(java)

爱丽丝参与一个大致基于纸牌游戏 “21点” 规则的游戏&#xff0c;描述如下&#xff1a; 爱丽丝以 0 分开始&#xff0c;并在她的得分少于 K 分时抽取数字。 抽取时&#xff0c;她从 [1, W] 的范围中随机获得一个整数作为分数进行累计&#xff0c;其中 W 是整数。 每次抽取都是…

python文件操作,自动关闭

with opne("text.txt", encoding"utf8") as f, open("text2.txt", encoding"utf8") as f2 : pass with代码块执行完就自动close文件、转载于:https://www.cnblogs.com/somethingintheway/p/9789650.html

近亿台物联网设备或遭劫持,这家IoT云平台遭遇“灾难性”入侵事件

来源&#xff1a;互联网安全内参参考来源&#xff1a;krebsonsecurity.com编译&#xff1a;安全内参近日&#xff0c;一位熟悉该事件内情的消息人士表示&#xff0c;Ubiquiti对外刻意削弱了此次事件的“灾难性”后果&#xff0c;希望降低对股价的打击。涉事第三方云服务商也发布…

第一范式,第二范式,第三范式,BCNF范式理解

基础知识 实体&#xff1a;现实世界中客观存在并可以被区别的事物。比如“一个学生”、“一本书”、“一门课”等等。值得强调的是这里所说的“事物”不仅仅是看得见摸得着的“东西”&#xff0c;它也可以是虚拟的&#xff0c;比如说“老师与学校的关系”。 属性&#xff1a;教…

国产光刻设备第一股:从官司缠身到国产希望?

来源&#xff1a;传感器技术作者&#xff1a;温淑编辑&#xff1a;心缘科创板“国产直写光刻设备第一股”正式登陆A股市场&#xff01;在经过约10个月的审查后&#xff0c;国产半导体设备供应商合肥芯碁微装终于在4月1日正式敲钟&#xff0c;首次公开发行A股约3220万股&#xf…

Leetcode--1014. 最佳观光组合(java)

给定正整数数组 A&#xff0c;A[i] 表示第 i 个观光景点的评分&#xff0c;并且两个景点 i 和 j 之间的距离为 j - i。 一对景点&#xff08;i < j&#xff09;组成的观光组合的得分为&#xff08;A[i] A[j] i - j&#xff09;&#xff1a;景点的评分之和减去它们两者之间…

揭秘卫星互联网!6G关键技术,国内行业雏形初现

来源&#xff1a;智东西编辑&#xff1a; 智东西内参5G的已经全面展开商用&#xff0c;人类的通信技术再一次走上了快速发展期。未来&#xff0c;随着火箭回收、低轨卫星和6G技术的发展&#xff0c;科幻式的通信方式似乎离我们也不远了。2019 年工信部成立了 6G 研究组&#xf…

导航栏下拉至一定高度后固定在顶部的特效

js要引入jquery文件&#xff1a; <script type"text/javascript"> $(function(){var nav$("#header"), //得到导航对象win$(window), //得到窗口对象doc$(document);//得到document文档对象。//防止页面滚动到60px以下F5刷新后导航不显示   if(do…

[数据库]数据库三级加锁协议深入理解

在并发事务的执行时&#xff0c;容易引起数据不一致,有一下几种情况 丢失修改 &#xff1a;两个事务T1和T2读入同一数据并修改&#xff0c;T2提交的结果破坏了T1提交的结果&#xff0c;导致T1的修改被丢失 读脏数据 &#xff1a;事务T1对数据D进行修改&#xff0c;事务T2读取到…

一至七-----小东西

一至七-----小东西 用什么就声明什么&#xff0c;可以节约空间&#xff0c;如下&#xff1a;using std::cout using std::cin using std::endl cin和 cout 是 istream类 和 ostream类 的对象cin只能读取单词&#xff0c;如果使用cin>>name&#xff0c;输入如果是个句子即…

图灵奖得主Jeff Ullman直言:机器学习不是数据科学的全部!统计学也不是

来源&#xff1a;智源社区作者&#xff1a;Jeff Ullman编译&#xff1a;梦佳1Have we missed the boat again? 多年来&#xff0c;数据库领域有一种言论认为&#xff0c;数据库系统正在变得无关紧要。 大家似乎持一种绝望的心态。“have we missed the boat-again”这句话&…

Leetcode--1028. 从先序遍历还原二叉树(Java)

我们从二叉树的根节点 root 开始进行深度优先搜索。 在遍历中的每个节点处&#xff0c;我们输出 D 条短划线&#xff08;其中 D 是该节点的深度&#xff09;&#xff0c;然后输出该节点的值。&#xff08;如果节点的深度为 D&#xff0c;则其直接子节点的深度为 D 1。根节点的…

html-列表

<!DOCTYPE html><html lang"en"><head> <meta charset"UTF-8"> <title>Document</title></head><body><h3>你喜欢的水果&#xff1a;</h3><ul> <!-- 无序列表 --> <li>苹果…