【web前端教程笔记】

张益达1号

已于 2022-10-20 11:13:02 修改

阅读量1.9k

点赞数 1

文章标签：前端 javascript 开发语言

于 2022-10-19 17:29:50 首次发布

本文链接：https://blog.csdn.net/m0_73747560/article/details/127341659

版权

前端教程笔记

笔记1

1.什么是HTML,CSS?

是做网站的编程语言。浏览器把代码解析后的样子就是我们看到网站的原本是代码

2.如何去写代码？写到哪里？

一个网站是由多个网页组成的。（每一个网页是由.html组成的）
将文件的扩展名打开，然后将扩展名改为，html

笔记2

1.VSCode编辑器

vs code下载地址: https://code.visualstudio.com/

2.如何安装插件？安装什么插件？

1.点击左侧插件扩展可以找到插件很棒在这里插入图片描述
2.建议安装CHines，open in browers view in browers

3.学习编辑器的基本使用

ctrl+s:保存 crtl+c:复制
ctrl+a:全选 crtl+z:撤销
crtl+x:剪切 crtl+y:恢复
crtl+v:粘贴 shift+end:从头选到尾
shift+home:从尾选到头
shift+alt+下箭头：快速复制一行
alt+上箭头或者下箭头：快速移动一行
多光标：alt+鼠标左键
crtl+d:选择相同元素的下一个

在vscode左侧可以新建文件和文件夹，重命名和删除文件，搜索。
设置：文件->首选项->设置（大小，是否换行等word warp）

4.chrome浏览器

下载地址：http://chrome.zxianedu.cn/

5.深入了解网站开发

UI设计师 web前端开发（H5开发）设计稿->代码数据显示到页面
HTML+CSS html:结构 css:样式 Javascript:行为
web后端开发

6.web的三大核心技术

HTML,CSS,JAVASCRIPT

笔记3

1.HTML的基本结构和属性

HTML：超文本，标记，语言
超文本：文本内内容+非文本的内容（图片，视频，音频等）
标记：<单词>标记也叫做标签
语言：编程语言
标记也叫做标签；语言的写法分为两种：单标签+双标签
创建标签的快捷键：单词+tab键-><单词>
标签可以上下排列，也可以组合嵌套。
HTML常见的标签：http://www.html5stare.com/manual/html5able-meaning/ 在这里插入图片描述

标签的属性:来修饰标签的，设置标签的一些当前功能。
<标签属性=“值1” 属性=“值2”>

2.HTML初始代码？

每个.html文件都有的代码叫做初始代码，要符合。html文件的规范写法。
初始代码的快捷键：！+tab键

《!DOCTYPE html>           文档声明：告诉浏览器这是一个html文件
 《html lang="en"> heml 文件的最外层标签：包裹着html标签代码 lang="en"表示是一个英文网站   
 lang="zh-CN"表示一个中文网站
 <head>
 <meta charse="UTF-8">   元信息：是编写网页中的一些附着信息charset="UIF-8"国际编码，让网页不出现乱码的情况
 <title>Document</title>  设置网页的标题
 </head>
 <head>
 显示网页内容的区域
 </body>
 </html