其他分享
首页 > 其他分享> > 前端入坑学习笔记(1)

前端入坑学习笔记(1)

作者:互联网

一.前端开发的相关技术

1.核心:HTML、CSS和JavaScript

但是我们还要学习一些Ajax、SEO知识;

2.HTML HTML是一门由标签组成的用于制作网页的描述性语言(框架)

CSS 控制网页外观(外观)

JavaScript 嵌入到HTML页面中的脚本语言,由浏览器一边解释一边执行(行为)

我们把前端开发的过程比喻成“建房子”,做一个网页就像盖一栋房子,先把房子结构建好(HTML)。建好房子之后给房子装修(CSS),例如往窗户安上窗帘、往地板铺上漂亮的瓷砖。最后呢,装修完了之后,当夜幕降临的时候,我们要开灯(JavaScript),这样才能看得见里面。

学习路线:HTML入门→CSS入门→HTML进阶→CSS进阶→JavaScript入门→jQuery入门→ASP.NET入门(或PHP入门)→Ajax→ASP.NET进阶(或PHP进阶);

(引自前端技术简介_天空的博客-CSDN博客_前端技术

二.HTML学习

1.网页与HTML

网站就是很多网页的集合。网页由图片、链接、文字、视频、声音等等组成。而网页当中的这些内容本质上HTML代码。

2.基本结构

文档声明+HTML文档

3.标签

标签是由尖括号包围的关键词,有单标签和双标签,但一般成对出现。例如整个网页是从<html>这里开始的,然后到</html>结束。

开始编写:<!DOCTYPE html>(根标签)

head标签代表页面的“头”,定义一些往往不可见的内容

title标签

body标签(可见内容)

4.双标签关系

包含与并列

5.vscode的使用
 新建文件(Ctrl+N)
 保存(Ctrl+S),注意移动要保存为.html文件。
 Ctrl+ 加号键,Ctrl+减号键 ,可以放大缩小视图
生成页面骨架结构。输入!按下Tab键。
 利用插件在浏览器中预览页面,单击鼠标右键,在弹出窗口中点击"Open Default 

只学到这里(11.14-11.17) 冲鸭

标签:网页,入门,标签,前端,笔记,HTML,入坑,CSS,进阶
来源: https://blog.csdn.net/Drunkkkkkk/article/details/121398226