黑马JavaWeb开辟条记01——前端先容，HTML实现标题：排版

<hr> 媒介

本篇文章是2023年最新黑马JavaWeb开辟条记01：前端先容、html实现标题排版内容的总结，资助必要学习Web开辟的朋侪温故而知新。
本系列条记不会像韩顺平老师Java课程专栏条记那么过细，告急是以展示知识点和根本语法和利用方法为主，作为本人以及各位朋侪在Web开辟过程中的一份“API文档”利用，语言会更三言两语，目次会做得更细分，资助各人在忘记某个知识点时可以或许敏捷正确回想知识。

  

• 熟悉web前端、HTML、CSS  
  
• VS Code开辟工具（插件弃用题目）  
  
• HTML布局标签先容  
  
• 用Vscode实现标题排版  
  
• 完备源码和实现效果
  

<hr> 一、熟悉web前端、HTML、CSS

  

• Web尺度也称为网页尺度，由一系列的尺度构成，大部门由W3C（World Wide Web Consortium, 万维网同盟）负责订定。  
  
• 三个构成部门；
  
     
  
  • HTML: 负责网页的布局（页面元素和内容）   
    
  • CSS: 负责网页的表现（页面元素的表面、位置等页面样式，如：颜色、巨细等）   
    
  • JavaScript: 负责网页的举动（交互效果）   
    
     
  
• HTML: HyperText Markup Language，超文本标志语言。
  
     
  
  • 超文本：逾越了文本的限定，比平凡文本更强盛。除了笔墨信息，还可以界说图片、音频、视频等内容。   
    
  • 标志语言：由标签构成的语言
    
          
    
    • HTML标签都是预界说好的。比方：利用< h >标签展示标题，利用< a >展示超链接，利用< img >展示图片，用< video >展示视频。      
      
    • HTML代码直接在欣赏器中运行，HTML标签由欣赏器分析。     
      
       
    
     
  
• CSS: Cascading Style Sheet，层叠样式表，用于控制页面的样式（表现）。
  

二、VS Code开辟工具（插件弃用题目）

根据文档把VScode安装好，该下的插件下好

  

• 第11个插件Beautify已经弃用，这里我下了另一个插件JS-Beautify
  
  
    
  
• 第12个插件已经弃用，据提示该功能已经被VsCode内置，无需单独下载
  
  
  
  

三、HTML布局标签先容

  

• 以下是HTML布局标签根本格式：< title >中界说标题表现在欣赏器的标题位置，< body >中界说的内容会出现在欣赏器的内容地区
  

1. <html>
2.         <head>
3.                 <title> </title>
4.         </head>
5.         <body>
6.        
7.         </body>
8. </html>

复制代码

  

• html的特点
  
     
  
  • 标签不区分巨细写
    <html> <HTml> <HTML>都是一样的
    
          
    
    • 开辟中一样平常利用小写