web学习路线之HTML

1、html是什么?

HTML是一种超文本标记语言(HyperText Markup Language,简称HTML)

小补充(还有一种XML语言,叫做可扩展标识语言)

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>Document</title>
</head>
<body>
  <div>我是内容</div>
</body>
</html>

2、模板标签介绍:

1、<!DOCTYPE html>:

!DOCTYPE 声明位于文档的最前面,处于标签之前,它不是html标签。

主要作用是告诉浏览器的解析器使用哪种HTML规范或者XHTML规范来解析页面。

2、<html></html>

HTML文档的根标签,页面中的所有内容都必须包含在<html>与</html>中

3、<head>页面的描述信息的都写在head标签中</head>

4、<body>页面主要显示区域,我们要显示在页面的标签都写着body中</body>

5、<meta charset="UTF-8">

meta作用:设置页面字符编码(告诉浏览器用指定编码来解析html文件)。

charset:是meta上的一个属性。

x-ua-compatible:是IE8及以上浏览器才有的一个设置。

IE=edge:表示兼容你电脑上的最新浏览器版本。

(就是你用的什么IE最新引擎版本就用什么版本的IE浏览器引擎兼容渲染)。

viewport:视口。就是设备的屏幕上能用来显示我们的网页的那一块区域。

width 和height :指令分别指定视区的逻辑宽度和高度。

initial-scale:用于设置Web页面的初始缩放比例。

maximum-scale和minimum-scale:用于设置用户对于Web页面缩放比例的限制。

(值的范围为0.25~10.0之间)

user-scalable:指定用户是否可以缩放视区,即缩放Web页面的视图。

(值为yes时允许用户进行缩放,值为no时不允许缩放)

6、<title>作用是:设置页面标题</title>

3、页面开发语言介绍:

  1. html----页面结构
  2. css---页面样式
  3. javaScript--页面行为(专门设计网页交互的效果)

交互: 输入数据 程序处理 返回结果

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值