前端基础——HTML、CSS、JS


介绍

开发工具

代码编辑器

Visual Studio Code

编辑器右键

  1. 创建vscode.reg文件

    vscode.reg
    Windows Registry Editor Version 5.00
    
    [HKEY_CLASSES_ROOT\*\shell\VSCode]
    @="Open with Code"
    "Icon"="D:\\000IntegratedDevelopmentEnvironment\\040VisualStudioCode\\vscode\\Microsoft VS Code\\Code.exe"
    
    [HKEY_CLASSES_ROOT\*\shell\VSCode\command]
    @="\"D:\\000IntegratedDevelopmentEnvironment\\040VisualStudioCode\\vscode\\Microsoft VS Code\\Code.exe\" \"%1\""
    
    Windows Registry Editor Version 5.00
    
    [HKEY_CLASSES_ROOT\Directory\shell\VSCode]
    @="Open with Code"
    "Icon"="D:\\000IntegratedDevelopmentEnvironment\\040VisualStudioCode\\vscode\\Microsoft VS Code\\Code.exe"
    
    [HKEY_CLASSES_ROOT\Directory\shell\VSCode\command]
    @="\"D:\\000IntegratedDevelopmentEnvironment\\040VisualStudioCode\\vscode\\Microsoft VS Code\\Code.exe\" \"%V\""
    
    Windows Registry Editor Version 5.00
    
    [HKEY_CLASSES_ROOT\Directory\Background\shell\VSCode]
    @="Open with Code"
    "Icon"="D:\\000IntegratedDevelopmentEnvironment\\040VisualStudioCode\\vscode\\Microsoft VS Code\\Code.exe"
    
    [HKEY_CLASSES_ROOT\Directory\Background\shell\VSCode\command]
    @="\"D:\\000IntegratedDevelopmentEnvironment\\040VisualStudioCode\\vscode\\Microsoft VS Code\\Code.exe\" \"%V\""
    
  2. 双击加载进注册表

材料下载

HTML

HTML初识

HTML(HyperText Mark Language):超文本标记语言。




    
    
    
    我的第一个html文件


    Hello World



  • html:根标签,除其他都写在里面;

  • head:页面头部,优化界面代码链接或者代码主体(css,js);

  • title:页面标题;

  • body:页面主体。

字符集




其他

注释

HTML:排版标签

标题标签
水平线标签
换行标签
段落标签

HTML:字符标签

HTML:图片标签

HTML:链接标签

HTML:表格标签

HTML:列表标签

HTML:表单标签

CSS

CSS初识

基础选择器

文字样式

本文样式

复合选择器

块元素和行内元素

字体图标和背景样式

盒子模型

列表样式

浮动

定位

JavaScript

JavaScript初识

基础语法

流程控制

数组

函数

对象

内置对象