1.1什么是网页:
网站是指在因特网上根据一定规则使用html等制作的用于展示特定内容相关网页集合
网页:是指网站中的一页通常是html格式的文件通过浏览器来阅读
网页是构成网站的基本元素,通常由图片、连接、文字、声音视频等元素组成。通常看到的网页是以.html/.htm后缀结尾的文件因此将其称为html文件
1.2什么是html
html指的是超文本标记语言它是用来描述网页的一种语言,html不是一种编程语言而是一种标记语言
。
标记语言是一套标记标签
超文本:
1可以加入图片、声音、动画多媒体等内容(超越了文本限制)
2它可以从一个文件跳转到另一个文件与世界各地主机的文件链接(超级链接文件)
1.3网页的形成
网页是由网页元素组成的这些元素是利用html标签描述出来然后通过浏览器解析显示给用户的
1.4总结
网页是图片链接文字声音视频等元素组成的本质是一个html文件
网页生成:由前端人员书写html文件然后浏览器打开就能看到网页
html:超文本标记语言,用来制作网页的一种语言由标签组成比如图片标签链接标签视频标签等
2.1常用的浏览器
浏览器内核(渲染引擎):负责读取网页的内容,整理信息计算网页的显示方式并显示网页
3web标准
web标准是由w3c(万维网联盟是国际最著名的标准化组织)组织和其他标准哈指定的一系列标准的结合,
为什么需要web标准--
1遵循web可以让不同的开发人员写出的页面更加标准统一
2内容能被更广泛的设备访问
3更容易被搜索引擎搜索
4降低网站流量费用
5网站维护方便
6提高页面浏览速度
web标注构成--主要包含:结构、表现和行为
结构:用于对网页元素进行整理和分类先借点主要是html
表现:用于设置网页元素的板式颜色大小等外观样式主要指的是css
行为:是指网页模型的定义以及交互的编写主要是js
web标准提出的最佳方案是:结构样式行为相分离
也就是结构写到html中表现写到css文件中行为写到js文件中
1基本语法
1是由<>包围的关键字,html标签通常是成对出现的比如<html></html>称为双标签标签中的第一个标签表示开始标签第二个表示的是结束标签
2有些标签是单标签<br />称为单标签
2标签关系:
分为包含关系和并联关系
包含关系head包含title优点像父子关系
<head>
<title>
</title>
</head>
并联关系
<head></head>;<title></title>优点像兄弟
3结构标签(骨架标签)(每个网页都会有一个基本的结构标签)页面内容也是在这些基本标签上书写
标签名
<html></html>html标签页面中最大的标签称为根标签
<head></head>文档的头部,需要注意在head标签中必须要设置的标签是title
<title></title>文档的标题让网页拥有一个属于自己的网页标题
<body></body>文档的主体元素包含文档的所有内容页面内容基本都是放在body里面
html文档的后缀名必须是。html、htm浏览器的作用是读取html文件并以网页的形式显示他们
3总结
vscode 使用环境搭建
1双击打开文件
2新建文件ctrl+n
3保存ctrl+s,保存时候一定要保存为后缀名为.html
4ctrl+/-放大和缩小视图
5生成页面骨架架构
输入!按下table
6利用vscode在浏览器预览页面(代码写好保存)然后右键--选择open defalut browser
需要安装的插件有
chinese language pack for vs code中文语言包
open in browser右击选择浏览器打开html文件
js-css-html-formatter每次保存都会自动格式化js,css和html代码
auto rename tag自动重命名配对的html标签
css peek追踪至样式
alt+z自动换行