超文本标记语言是什么意思,一文带你了解超文本标记语言

超文本标记语言是什么意思,一文带你了解超文本标记语言,第1张

超文本标记语言是什么意思,一文带你了解超文本标记语言 HTMl超文本标记语言(HyperText Markup Language),简称 HTML。


超文本标记语言,标准通用标记语言下的一个应用。


是 网页制作必备的编程语言 “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。


超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。


下图就是html的模板。


基本知识下面,我们了解下HTML最基本知识。


标题 HTML 标题(Heading)是通过<h1> – <h6>标签来定义的。


<h1>这是一级标题</h1><h2>这是二级标题</h2><h3>这是三级标题</h3>段落HTML 段落是通过标签 <p>来定义。


<p>这是一个段落。


</p><p>这是另外一个段落。


</p>链接HTML 链接是通过标签 <a> 来定义的。


<a href="https://www.baidu.com">贪心科技</a>CSS层叠样式表(英文全称:Cascading StyleSheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。


CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。


我们可以认为CSS是html一件华丽的上衣。


css的格式<style type="text/css"> 标签名称{ 属性名称: 属性对应的值; ... }</style>我们一般通过三种写入CSS方法。


head头部写入直接在标签写style新建css文件在通过link标签导入JavaScriptJavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。


它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。


我们可以认为JavaScript实现html的动态功能。


下面,我们实现非常简单的鼠标移入和鼠标移出事件。


<style> div{ width: 200px; height: 200px; background-color: red; }</style></head><body> <div class="div">我是div</div></body><script> window.onload = function () { var div =document.getElementsByClassName("div") div[0].onmouseover = function () { this.innerHTML = "鼠标移入了"; }; div[0].onmouseleave = function () { this.innerHTML = "鼠标移出了"; } div[0].onclick = function () { this.innerHTML = "鼠标点击了"; } }</script>效果如下:

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/tougao/622168.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-15
下一篇 2022-04-15

发表评论

登录后才能评论

评论列表(0条)

保存