H5前端开发-课堂笔记1

H5基础知识

1.1标记语言基本概念

1.1.1什么是计算机语言

人与人之间是通过语言进行交流,那么人和计算机之间如何交流呢?计算机只知道“0”和“1”,所以我们就通过“0”和“1”这种语系来和计算机交流,这就是机器语言。

机器语言对于人来讲太难理解,编制程序太困难

101011100001110001101010100011(3+6运算)

为了解决这个问题,我们将一串特定的“01”进行符号化,这就是汇编语言

ADD 3,6

机器语言和汇编语言都是属于低级语言,即体现了机器的特性,而对于大多数不是计算机工程师的人来讲,还是太困难了。

高级语言:用类似英语加数学的符号来描述,最大程度屏蔽了机器特性,使得程序的阅读和编制变得越来越容易。

if(a>b){

       c =a+1;

}else{

       c = b;

}

常见的高级语言有C、C++、C#、PHP、Java

1.1.2什么是标记语言

什么是文本文件:只有文本内容,没有任何格式。举例:

在记事本中输入“带你出师、闯荡江湖!”,并设置相应的格式,但是在其它电脑上打开并没有显示同样的格式,说明其不包含任何格式信息。查看文件大小显示20字节

在word中输入同样的内容,同时设置格式,在另一个电脑上看到的是同样的内容和同样的格式。同时查看文件的大小,

说明word文档中除了存储内容,还存储了格式等信息(document.xml,)ml就是标记语言(Markup Language)的缩写。

我们要学的HTML(HyperText MarkedLanguage)也是一种标记语言。

超文本:不仅仅能表示文本信息,还能表示音视频、格式等等信息。

浏览网页实际上就是将存储在服务器上的HTML文件下载到本地,然后通过浏览器(IE、Chrome等)进行解析并呈现内容。

1.2 HTML基本结构

<!DOCTYPEHTML PUBLIC "-//W3C//DTDHTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd"
>

<html>
<!-- head部分主要做一些设置工作,比如字符集、标题等-->
<head>
    <meta http-equiv="Content-Type"content="text/html; charset=utf-8"/>
    <title>我的第一个网页</title>
</head>
<!--文档的主体部分,呈现给用户的信息都在此-->
<body>
带你出师,闯荡江湖!
</body>
</html>

<html>:是整个文档的根节点,它包含两个子节点:

<head>:主要描述文档的设置信息,比如字符集、标题等

<body>:是文档的主体部分,需要呈现的内容都安排在其中。

注释:

快捷键:ctrl+shift+/

形式:<!---->

作用:对代码进行说明,方便程序员阅读和理解。注释对于计算机的执行结果没有任何影响。

注释非常重要,代码正确是前提,但清晰也是一个非常重要的原则,程序员需要养成注释的好习惯。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值