vscode——前端基础入门课程基本概念

什么是网页?

1.html文档 经过浏览器 渲染以后 展示出来的页面；

什么是html文档？

1.html文档——>就是系统认可的以".html"结尾的——>就html文档；

2.Ctrl+N(创建文件)——>Ctrl+S(保存文件)——>如图：

——>文件名后缀改成.html的文件；

3.html文档里面——>写的内容——>就是代码；

什么是渲染？

1.渲染是个动作——>把.html里的代码经过浏览器处理——>转化成人类能看懂的页面；

什么是编码？

1.通过代码的形式——>把想要的展示页面——>写到html文档里：

2.和网页编码相关的技术——>三件套——>html + css + javasprict

3.html+css——>主要负责页面的内容——>举例说明——>相当于人的肉体；

4.JavaSprict——>主要负责页面的行为——>举例说明——>相当于人的大脑；

5.html——>负责页面的结构——>相当于人的肉体基件:手脚；

6.css——>负责页面的样式——>相当于人的样子、美观；

html代码具体化：

1.html代码是有两大部分组成的：

文本内容——>能被浏览器浏览器直接显示出来的文字、符号——>Ctrl+F1在浏览器中打开？

什么是标签<tag>？

1.用尖括号括起来字符就是标签——>标签不能被浏览器直接显示出来——>对于浏览器有特别的意义——>不在浏览器显示出来；

2.标签分为——>开始标签<tag>——>结束标签</tag>

3.标签一般都是成对出现了的——>有开始标签<tag>——>有结束标签</tag>

4.独立的标签——><gun />——>新写法<gun>

什么是元素？

1.元素是由——>开始标签<tag>——>内容——>结束标签</tag>

2.元素就是标签；

3.元素就是一条完整的命令；

什么是命令？

1.程序员让浏览器按自己想法做事情的指令——>就是命令；

什么是属性？

1.在元素中——>添加额外附加信息——>例如:<tag name="value"></tag>——>name="value"——>就是属性；

2.属性的特点——>属性一般写在开始标签<tag>里面——><tag中间有空格 >——>例如:<tag nane="value">

3.属性一般有——>名称=值——>值用引号“值”括起来——>可以用双引号或单引号“”，‘’——>例如:<tag name="value"></tag>——><tag name='value'></tag>都可以；

1.<xiao style="color: red;">苹果</xiao>_——>style="color: red;
——>就说限定Applede的属性是红色的——>也可以加其它的属性；
2.<xiao style="color: red;font-size:50px;">苹果</xiao>
——>苹果就变大了

css也是一个属性:

1.<xiao style="color: red;">苹果</xiao>_——>style="color: red;——>就说限定Applede的属性是红色的——>也可以加其它的属性；

2.<xiao style="color: red;font-size:50px;">苹果</xiao>——>苹果就变大了；

学习html和css的目的：

1.html、css学习——>就是熟悉标签和属性——>用这些命令去指挥浏览器——>按照你的想法设计；

2.浏览器定义了的标签分类：

文本标签——>图片标签——>链接标签——>列表标签——>表格标签——>表单标签——>框架(嵌套页面)标签；

3.语法：

1.html是从上向下解析的；

2.元素之间可以互相嵌套

例如：

<tag1>

<tag2>

<tag3>

</tag3>

</tag2>

</tag1>

不可以这样：

<tag1>

<tag2>

<tag3>

</tag2>

</tag3>

</tag1>