网页认识和html语法

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自动换行

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值