1.什么是HTML,CSS?
(1) 做网站的编程语言
浏览器把代码解析后的样子就是我们看到的网站,如何看到网站的原始代码呢?通过鼠标右键选择查看网页源代码。
(2) 如何去写代码?写到哪里呢?
一个网站是由N多个网页组成的
2.创建一个HTML文件
创建文本文档----重命名为01-demo.html并保存----拖到浏览器中。
3.宇宙第一编辑器VS Code
(1)下载并安装 网址:https://code.visualstudio.com/
(2)如何安装插件?语言包,open in browser view in borwser
(3)学习编辑器的基本使用?
设置:文件--→首选项→设置(大小,是否换行 word wrap)
创建文件,创建文件夹,重命名,删除
(4)快捷键:
ctrl+s:保存
ctrl+a:全选
ctrl+x,ctrl+c,ctrl+v:剪切,复制,粘贴
ctrl++z,ctrl+y:撤销,前进
shift+end:从头选中一行
shift+home:从尾部选中一行
shift+alt+箭头朝下:快速复制一行
alt+箭头朝上或箭头朝下:快速移动一行
tab:向后缩进
tab+shift:向前缩进
多光标:alt+鼠标左键
ctrl+d:选择相同元素的下一个
4.chrome浏览器?
谷歌浏览器下载
5.深入了解网站开发?
UI设计师:设计稿
web前端开发工程师:
设计稿,代码
HTML:结构,
css:样式
javaScript:行为
web后端开发工程师
6.web三大核心技术?
HTML,CSS,javaScript
7.HTML基本结构和属性?
HTML:超文本 标记 语言
超文本:文本内容+非文本内容(图片,视频,音频等)
标记:(单词)
语言:编程语言
标记也叫做标签:
<header>
<footer>
写法分成两种:
单标签 <header>
双标签 <header></header>
创建标签的快捷键:tab+单词——><单词>
标签可以上下排列,也可以组合嵌套
HTML常见标签:http://www.html5star.com/manual/html5abel-meaning/
标签的属性:来修饰标签,设置当前标签的一些功能。
<标签 属性=“值” 属性2=“值2”>
8.HTML初始代码?
每个.html文件都有的代码叫做初始代码,要符合html文件的规范写法。(快捷键:!+tab)
<!DOCTYPE html> 文档声明:告诉浏览器这是一个html文件
<html lang="en"> html文件的最外层标签:包裹着所有html标签代码 lang="en"表示一个英文网站
<head> lang="zh-CN"表示一个中文网站
<meta charset="UTF-8"> 元信息:是编写网页中的一些辅助信息 charset="UTF- 8"国际编码:让网页不出现乱码的情况
<title>Document</title> 设置网页的标题
</head>
<body>
显示网页内容的区域
</body>
</html>