第二章 html标记语言,第二章HTML,JavaScript简介

本文介绍了HTML、HTTP协议和URL的基础概念,以及它们在网络中的作用。HTML作为网络通用语言,用于创建和展示网页内容。接着,讲解了JavaScript的基本语法和在HTML中的应用,强调其用于实现网页动态效果的功能。JavaScript可以与HTML互操作,创建表单、处理事件,并通过函数和变量实现更复杂的交互。此外,还提到了window对象在控制页面行为中的角色。通过学习这些基础知识,可以更好地理解静态HTML和动态JavaScript如何共同构建交互式的网页应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

概念:

URL:网上标准资源的地址。

HTTP协议:客户端发出请求和得到回应的标准协议。

HTML:超文本标记语言。是网络上的通用语言,也是网络web语言基础。

2.1服务器与浏览器

举个例子:A同学需要从银行取出200块钱,那么A同学是客户端用户,银行卡是浏览器,银行是服务端。你不能取多于余额的钱银行也不会多给你少给你这就类似HTTP协议。理解URL为网上的所有资源都是以网络文件的方式保存,服务器最终返回的其实就是网络文件,那些标准的网络资源的地址就称为URL。

2.2HTML简介

通过HTML学习怎样写网络文件,在HTML语言中我们不仅可以显示不同的属性的文字、也可以插入规定大小的图片,如何循环的音乐,并且可以放入链接、按钮、表单等等。它是一种标记语言,通过嵌套代码或标记来显示文档。

HTML基本元素包括:

主窗体元素,字符风格元素,版面控制元素,标题元素,链接,表哥元素,表单元素,框架元素。

现在我们来理解一下不同基本元素的作用:

1.主窗体元素:所有通过HTML写的网页都有的,如同搭好钢筋水泥才能装修放家具。

具体来看就像搭建好钢筋水泥的房子;

只能用在里(能控制全局,可以提供关键字搜索等name属性,提供在查找时显示的部分内容html-equiv属性);

剩下

是名称,给你的网站取名称或图片取名字更利于显示。当然也是在body里面。

2.字符风格元素:字体属性,粗体,颜色,无/中/下划线等等。

3.版面控制元素:顾名思义就是放眼望去看到的布局。段落/空格/图片/水平线。

4.标题元素:无序有序,主次。

5.链接元素

6.表格元素:行/列表格,套用子表。

7.表单元素:作用很强大哦,密码,多选/单选,图形/提交/重置按钮,下拉列表框等。

8.框架元素:可以在同一个浏览器浏览多个界面。

2.2.2创建显示web页

主窗体元素在一个web网页中只能使用一次。所有的标记语言在使用完之后都要关闭,如同

之后有。表格显示,
代表列,和主窗体元素必须写在中一样,所有行列必须写在

所有属性内容必须用“”括起来,如同

2.2.3创建表单web页

在JSP网页开发时,表单制作是重要的人机交互实现方式。

重点:

e8f62330f323af1f4c3a7a370448179e.png

一个表单制作完成:

158debfcfb7fcd559585e77c08c83d2a.png

2.3JavaScript简介

简单的理解就是一门基于对象的语言,作用为和HTML互操作,互相调入/嵌入完成更丰富的网页制作。

2.3.1基本语法

html与javaScript互操作

在html文件中插入javaScript时必须用script元素,在

,中都可以插入。

459c45dc4405def74b44359b9b771324.png

这里alert()是警告框

在javaScript中也可以使用HTML元素如:

ebe8a1d0aecdafc2259287e4a3800402.png

9c31bde2c8febbfeb99d64f03b732b97.png

这里document.write()是页面输出

javaScript变量:与 C++/JAVA不同的是,int num=20;在javaScipt中是var num=20;赋值是什么它的类型就是什么。

注:判断字符串相等与上不同的是,在javaScript中使用==。

javaScript函数:这一点上我们看出制作网页不只是外表绚丽同样也会接触函数。javaScript必须使用function定义函数,如同:

d00353a6902ec923d563072d392f38d6.png

javaScript文件:就像我们写的子函数/.h文件一样可以被调用,这样方便我们多次使用并节省书写。

与C++/java相似的地方我们可以看到不只是有函数,变量,文件,还有if/for等一些语句,就是我们所说顺序+循环+分支结构。同样在书中提到数组。

动态数组:

fe372b88be4dc0315cba95f111829a25.png

静态数组:

53f0683c5e36b022508fdee2caccf652.png

2.3.2javaScript事件

事件是围绕函数展开的,也就是说函数在做事件代表做的结果,或者某个事件完成所要进行的函数。命名事件统一为onXxx,如onLoad/onUnload表示网页打开/网页关闭的事件。

我们了解onClick事件(单击触发时间),如:

5d6c6200b5bfd0b28a564890e237253c.png单击超链接会触发fun函数(href超链接)。

现在发现,有了事件我们便可以将很多东西连接起来了。

但是我们在登陆账号时按下登陆,如果情况不属实该怎么办?

所以出现了正则表达式验证,它通过返回值确定是否要触发事件。

在事件当中我们看到还有文本框、单选按钮、复选框、甚至还有下拉列表。(实践出真知,偷个懒)

2.3.3window对象

打开页面地址,确定框,重定向,设置父窗口,设置子窗口等。

学习这二章,了解HTML,JavaScript的一些用法规则,我们可以更清晰的体会到HTML的作用在于静态,而javaScript的作用在于动态,它俩相互配合。而且在HTML这个框架下,javaScript与C++/java也有很多类似的地方,为了解决问题我们有了变量、函数、方法、文件等,通过返回值判断是否进行下一步操作,而且更棒的是可以通过画面自主选择进行网页跳转、事件触发,javaScript让网页变得更加生动起来。

原文:http://www.cnblogs.com/Amyheartxy/p/6357712.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值