前端三件套速成

一、HTML

1、基本的文档结构


html>
<html lang="en-US">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>My test pagetitle>
  head>
  <body>
    <img src="images/firefox-icon.png" alt="My test image" />
  body>
html>

2、标记文本：标题

、段落

、列表

属性

3、图像

<img src="images/firefox-icon.png" alt="My test image" />

4、超链接

<a href="https://www.mozilla.org/zh-CN/about/manifesto/">Mozilla Manifestoa>

5、表格

速成视频：为初学者准备的：HTML 速成_哔哩哔哩_bilibili

网站：菜鸟教程、HTML 基础 - 学习 Web 开发 | MDN

二、CSS

1、四种类型选择器

标签选择器、Id选择器、类选择器、属性选择器

2、三种html引入CSS方式

外部引入CSS文件 import xxx.css
嵌入式：在head下body外嵌入选择器
内联式（特殊情况用，极少用）在标签内部写style=""

3、文本大小、类型、颜色。。。

4、盒子模型：

在html构建结构时，常使用

多层嵌套

然后针对每个div进行style渲染

速成教程：为初学者准备的：CSS 速成_哔哩哔哩_bilibili

三、JavaScript

常识：JavaScript解释性语言，不用编辑器，必须要使用JavaScript引擎来运行，但一般浏览器才会内置JS引擎，一位天才使用c++编写了node.js 内置了JS引擎，实现外部环境也可以运行JS代码

1、变量

原生数据类型也就是String、boolean、number、null、Array、

语法中只有const常量、let变量、var（少用）

2、数组

let arr = new Array(1,"xiaowang","shiixna",2,4);

数组内部元素数据类型可不同。

3、对象


const person = {
    lastName: "houhh",
    age: 30,
    hobbies: ["football","eat","sports"],
    address: {
        street: "34 main st",
        city: "Boston",
        state: "MA",
    },
 
}

4、构造函数、条件语句、循环语句也都差不多多写几道算法题就好了。

5、事件、操作网页啥的也用不到。用到再学。

教程：为初学者准备的：JavaScript 速成_哔哩哔哩_bilibili

相关阅读:
kail 搭建docker和vulhub漏洞环境
Kafka 认证一：PlainLoginModule 认证及 Java 连接测试
vue-cli实现异步请求返回mock模拟数据
谷粒商城高级篇 (十) --------- 分布式锁
如何飞速成为开源贡献者(Contributor)
Nginx跨域防盗链搭建3台Tomcat集群
ffmpeg 中av_rescale_rnd 的含义
华清 c++ day7 9月14
生产型外协管理系统：功能解析篇
MySQL数据库索引

原文地址：https://blog.csdn.net/m0_61843855/article/details/133164759