关于HTML编辑页面(1)

时间:2023-12-23 22:12:37

1,<title>...</title> //省略号表示的是网页标题

2,<body>...</body>//省略号表示的是网页正文内容

3,在Dreamweaver的设计视图中,如果需要为文字换行,可以按快捷键Ctrl+Enter,则会在光标所在位置插入一个换行符<br/>标签

4,<canvas>标签,该标签是图形定义标签

例如:

<p>在网页中绘制一个蓝色的矩形</p>

<canvas id="myCanvas" width="700" height="250"></canvas>

在<canvas>标签中设置id名称,以便于Javascript脚本代码的使用,使用width和height属性设置所绘制图形的宽度和高度

5,HTML5中的<canvas>标签本身不能绘制图形,必须与JavaScript脚本相结合使用,才能够在网页中绘制出图形

6,在Javascript脚本中,getContext是内建的HTML5对象,拥有多种绘制路径、矩形、圆形、字符以及添加图形的方法。fillStyle方法将所绘制的图形设置为黄绿色,fillRect方法规定了形状、位置和大小

7,<video>标签在网页中实现视频播放,<video>标签用于设置属性,<source>标签链接视频文件(<source type="video/mp4" src="data:images/movie.mp4"> 注释:type属性设置视频格式,src属性设置视频位置)

8,在<video>标签中controls属性是一个布尔值,显示play/stop按钮

9,为了使网页打开时视频能够自动播放,还可以再<video>标签中加入autoplay属性,该属性的取值为布尔值(设置autoplay属性为true,表示为打开网页时视频自动播放)

10,HTML 5中<audio>标签——在网页中嵌入音频