什么是HTML图形_随笔

HTML（HyperTextMark-upLanguage）即超文本标记语言，是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。

下面是教程

YELUSIKU

参考资料：http://www.gzsums.edu.cn/webclass/html/html_design.html

1.组成：HTML（Hyper Text Mark-up Language ）即超文本标记语言，是 WWW 的描述语言，由 Tim Berners-lee提出。HTML文本是由 HTML命令组成的描述性文本，HTML 命令可以说明文字、图形、动画、声音、表格、链接等。 HTML的结构包括头部 (Head)、主体 (Body) 两大部分。头部描述浏览器所需的信息，主体包含所要说明的具体内容。2功能：.设计 HTML 语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。

1、canvas绘制矩形

<!DOCTYPE html>

<html>

<title>canvas绘制矩形</title>

body {

margin: 0

padding: 0

}

</style>

</head>

</body>

</html>

js:

/**

* Created by winson on 2016/9/11.

function draw(id) {

var canvas = document.getElementById(id)//用getElementById获取到canvas对象

var context = canvas.getContext('2d')//取得上下文

context.fillStyle = "green"//绘制背景的颜色

context.strokeStyle = "#fff"//绘制边框的颜色

context.lineWidth = 5//设置画笔宽度

context.fillRect(0, 0, 400, 300)//绘制

context.strokeRect(50, 50, 180, 120)

}

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/zaji/7480931.html

什么是HTML图形

发表评论

评论列表（0条）