Web前端学习第一周

最后一首练习曲

已于 2022-10-22 20:57:15 修改

阅读量1.7k

点赞数

文章标签：前端学习

于 2022-10-20 18:13:09 首次发布

本文链接：https://blog.csdn.net/linglingpractice/article/details/127373941

版权

Web前端学习第一周

一·什么是HTML、CSS

是做网站的编程语言
HTML：结构
CSS：样式（美化）
Java script: 交互行为

二、网站

组成：由多个网页(.html)
创建:TXT改成“.html"
运行：在vscode中打开拖入浏览器（右键查看网页源代码）

三、VSCode编辑器

快捷键

保存：ctrl+S
全选：ctrl+A
剪切：ctrl+X
复制：ctrl+C
粘贴：ctrl+V
撤销：ctrl+Z
还原：ctrl+Y
从头选择一行：shift+end
从尾选择一行： shift+home
快速复制一行：shift+alt+↓
快速移动一行：alt+↑或↓
向后缩进：tap
向前缩进：tap+shift
多光标：alt+鼠标左键
选择相同元素的下一个： ctrl+D
创建标签快捷键：tab+单词

四、网站开发

UI设计师：设计稿
web前端开发工程师（HS开发）：设计稿–>代码；数据–>显示到页面
web后端开发工程师：维护
超文本：文本+非文本（图片，视频）
标记：
单标签; <单词>
双标签:< A>< / A >（单词+TAB）
<标签属性=“值” 属性2=“值2”>

五、HTML初始代码

 每个html.文件都有，且要符合规范写法
 （  快捷键：！+TAB）

<!DOCTYPE html>    文档声明：告诉浏览器这是一个html.文件
<html lang='en'>   html最外层文件：包裹所有html标签代码
    <head>          
       <meta charset="utf-8"> 元信息：是编写网页中的辅助信息（国际编码，让网页不出现乱码）
       <title>Documnet</title>  设置网页的标题
    </head>
   </body>
          网页的内容区域
   <body>
</html>

（lang="en" -->语言为英语）