1.网页的形成:由前端人员编写(开发)代码存储为html文件(html:超文本标记语言),交给浏览器进行渲染,解析编写好的代码,生成一份能够打开的web(网络)页面. 2.Web标准,是由W3C组织(万维网联盟,国际最著名的标准化组织)和其他标准化组织指定的. 遵循Web标准,写出的页面更标准以及更统一.当然还有别的优点 3.Web标准的构成: 主要包括结构(structure) 表现(presentation) 行为(behavior) 结构用于html,表现用于css,行为用于javascript 结构:用于对网页代码元素(=标签)进行整理和分类, 类似整个网页的骨架,核心元素,一个人的骨架+内脏; 表现:表现在网页的款式,颜色,大小等外观, 类似一个人的皮肤或者外貌,加上了衣服; 行为:网页模型的定义和编写,概念抽象,但意思就是类似一个人跑起来了,运动起来了,一副画像具现化变成真是会运作的东西.
初步学习html:
1.全称:HypeText Markup Language 译文:超 文本 标记 语言 2.超文本:暂且理解为"超级的文本",和普通文本相比较,内容更加丰富(可加入图片.动画.声音等内容);也可以从一个文件跳转到另一个文件,与不同主机的文件相连接(超级链接文本) 标记:文本转变成超文本,需要用到各种标记符号 语言:每一个标记的写法,读音,使用规则,构成标记语言. 3.html是用来描述网页的一种 标记语言(markup language),不是叫做编程语言, 标记语言是一套标记标签(markup tag) 标签又称元素, 是html的基本组成单位; 4.html标签,是由尖括号("<"和">")包围的关键词组成,例如. 5.html标签通常是成对出现,称为"双标签",例如:与</ html>,分别称为起始标签或者开始标签,和结束标签. 注意:结束标签前面会有"斜杠"("/").
<标签名> 标签体 </标签名>
↑ ↑ ↑
起始标签 内容 结束标签
6.极少数情况会出现单个标签,称为单标签, 例如:
注意:单标签里面的斜杠"/",可以省略;
7.标签名不区分大小写,优先小写, 小写更加规范;
8.双标签之中存在关系:
包含关系:
并列关系:
9.html基本结构标签: 每个网页都会有基本的结构标签(也称为骨架标签),页面的内容也是取决于基本标签上书写的. </ html> 其中,html标签,是指包含了页面中所有的内容(打开的整个网站的页面显示)也称跟标签 head标签,指的是这个页面的头部,网址一栏到上面 title标签,指的是这个页面的标题 body标签,指的是网址栏下面的所有内容,页面展示的动画,颜色,图像,都在这里面
初步使用vscode: 1.新建文件(Ctrl+N) 2.保存文件,一定要保存为".html"文件 3.Ctrl键+加号键,放大视图,反之. 4.快速生成页面的骨架结构: 输入"!"感叹号,按下Tab键 5.写完初步的html后,鼠标右键点击对应的预览页面的插件,预览或检查自己写好的页面效果
