欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-12-09 16:41:09
html超文本标记语言(hypertext markup language),简称 html。超文本标记语言,标准通用标记语言下的一个应用。是 网页制作必备的编程语言 “超文本”就是指页面内可以包含图...

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标签导入

javascript

javascript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为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>

效果如下:

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