当前位置: 首页 > news >正文

HTML语言

▶1.HTML超文本标记语言

HTML(超文本标记语言)是网页设计的标准化语言,它消除了不同计算机之间信息交流的障碍。人们很少直接使用HTML语言设计网页,而是通过Dreamweaver等软件进行网页设计工作。HTML语言最新版本为2013年推出的HTML 5.1。
网站中,一个网页对应一个HTML文件,HTML文件以.htm或.html为扩展名。HTML是一种文本文件,可以使用任何文本编辑软件(如“记事本”)进行编辑。通过HTML文件中的标记符,告诉浏览器如何显示网页内容,如文字如何处理、图片如何显示等。浏览器按顺序阅读网页文件,然后根据HTML标记符解释和显示其标记的内容。

▶2.利用HTML建立简单网页

例: 利用HTML语言建立一个简单的测试网页。

打开Windows“记事本”程序,编辑以下代码(注释可以不输入),编辑完成后,选择“文件”菜单,选择“另存为”选项,文件名为test.html,保存类型为“所有文件”,单击“保存”按钮,一个简单的网页就编辑好了。双击test.html文件,就可以在浏览器中显示“这是我的测试网页”信息了。

<HTML>        <!--声明HTML文档开始-->

<HEAD>        <!--标记页面首部开始-->

<TITLE>测试</TITLE>        <!--定义页面标题为“测试”-->

</HEAD>        <!--标记页面首部结束-->

<BODY>        <!--标记页面主体开始-->

<font size="8">        <!--设置字体大小为8号字-->

<P>这是我的测试网页</P>        <!--主体部分,显示具体内容-->

<P>这是第2行信息</P>        <!--P为段落换行-->

</font>        <!--字体设置结束-->

</BODY>        <!--标记页面主体结束-->

</HTML>        <!--标记HTML文档结束-->

这是我的测试网页

这是第2行信息

▶3.脚本语言

HTML主要用于文本的格式化和链接文本,但是HTML的计算和逻辑判断功能非常差,例如,HTML不能进行1+2这样简单的加法计算。因此,需要在网页中加入脚本语言。

脚本(Script)是一种简单的编程语言。网页脚本语言一般嵌入在网页的HTML语句之中,完成一些判断、计算、事件响应等工作,增强网页的交互性功能。常用的网页脚本语言有JavaScript、PHP等。JavaScript语言可由绝大部分浏览器执行,它是一种事实上的网页脚本语言标准。脚本程序分为客户端脚本(如JavaScript)和服务器端脚本(如PHP),它们分别运行在不同主机中。在网页中嵌入JavaScript脚本代码有以下两种方法。
第一种方法是把JavaScript代码嵌入在网页中,由<script>…</script>标记之内包含的代码就是JavaScript代码。
例:把JavaScript脚本代码嵌入在网页中。

<HTML>        <一声明HML,文档开始->

<BODY>        <--标记页面首部开始一>

<p>假设y=5,计算x=v+2,并显示结果,</p >        <--显示信息-->

|<button οnclick="myFunction()">点击这里</button>        <!--调用JavaScript函数,显示按钮-->
<p id="demo"></p >        <!--段落标记->
<script>        <!--JavaScript脚本开始-->

function myFunction(){        //函数声明,myFunction()是函数名

        var y=5;        //变量赋值

        var x=y+2;        //变量赋值

        var demoP=document.getElementById("demo")        //表达式

        demoP.innerHTML="x=" + x;        //输出提示信息和计算值

}        //程序块结束
</script>        <!--JavaScript脚本结束-->

</BODY>        <!--标记页面主体结束-->

</HTML>        <!--标记HTML文档结束-->

假设 y=5, 计算 x=y+2, 并显示结果。

点击这里

x=7

第二种方法是把JavaScript代码存为一个单独的.js文件,然后在HTML中通过<script src="..."></script>引入这个文件,这种方法更便于代码维护。

<head >

        <script src="/static/js/test.js"></script>        <!--调用脚本文件test.js-->

</head >

-

相关文章:

  • webRtc麦克风摄像头检测
  • mysql基础2多表查询
  • php搭建websocket
  • mybatis实践篇(二)
  • OSPF-1类Router LSA学习
  • 2024 年广西职业院校技能大赛高职组《云计算应用》赛项赛题第 2 套
  • Java设计模式之单例模式(多种实现方式)
  • 手撕算法-删除链表的倒数第 N 个结点
  • 抖音IP属地怎么更改
  • pta-洛希极限
  • PostgreSQL关系型数据库介绍与部署
  • [AIGC] Redis基础命令集详细介绍
  • Git——IDEA中的使用详解
  • 【Android 内存优化】Koom核心内存指标分析
  • C++一维数组练习oj(3)
  • 深入了解以太坊
  • 【Leetcode】101. 对称二叉树
  • 《Javascript数据结构和算法》笔记-「字典和散列表」
  • 【腾讯Bugly干货分享】从0到1打造直播 App
  • Android优雅地处理按钮重复点击
  • JavaScript-Array类型
  • Java比较器对数组,集合排序
  • JS+CSS实现数字滚动
  • Octave 入门
  • Vim Clutch | 面向脚踏板编程……
  • 半理解系列--Promise的进化史
  • 精益 React 学习指南 (Lean React)- 1.5 React 与 DOM
  • 区块链将重新定义世界
  • 如何编写一个可升级的智能合约
  • 如何使用 OAuth 2.0 将 LinkedIn 集成入 iOS 应用
  • 适配iPhoneX、iPhoneXs、iPhoneXs Max、iPhoneXr 屏幕尺寸及安全区域
  • 数组大概知多少
  • 这几个编码小技巧将令你 PHP 代码更加简洁
  • 智能网联汽车信息安全
  • ​如何在iOS手机上查看应用日志
  • #162 (Div. 2)
  • $(selector).each()和$.each()的区别
  • (11)工业界推荐系统-小红书推荐场景及内部实践【粗排三塔模型】
  • (Java数据结构)ArrayList
  • (分布式缓存)Redis分片集群
  • (简单) HDU 2612 Find a way,BFS。
  • (亲测)设​置​m​y​e​c​l​i​p​s​e​打​开​默​认​工​作​空​间...
  • (四)JPA - JQPL 实现增删改查
  • (算法)求1到1亿间的质数或素数
  • (太强大了) - Linux 性能监控、测试、优化工具
  • .NET Standard 支持的 .NET Framework 和 .NET Core
  • .net 怎么循环得到数组里的值_关于js数组
  • .NET 自定义中间件 判断是否存在 AllowAnonymousAttribute 特性 来判断是否需要身份验证
  • .net/c# memcached 获取所有缓存键(keys)
  • .NET与 java通用的3DES加密解密方法
  • .NET与java的MVC模式(2):struts2核心工作流程与原理
  • @param注解什么意思_9000字,通俗易懂的讲解下Java注解
  • @RestControllerAdvice异常统一处理类失效原因
  • [2013][note]通过石墨烯调谐用于开关、传感的动态可重构Fano超——
  • [Android Pro] android 混淆文件project.properties和proguard-project.txt