html5基础教学

2021-02-03

字数统计: 411字 | 阅读时长≈ 2分

基础介绍

可以简单理解为在html的基础上增添了许多新内容

以及在文档前面需要声明

1	<!DOCTYPE html>

为html添加新元素

可以在html中自定义样式

比如说:

<head>
<style>
    myst{
        display: block;
        background-color: #ddd;
        padding: 50px;
        font-size: 30px;
    }
</style>
</head>

<body>
<myst>23333333333</myst>
</body>

Canvas

此标签定义了图形,但它只是图形的容器,必须使用脚本来绘制图形

创建画布

默认情况下没有边框,可用style属性添加边框

1	<canvas id="myCanvas" width="233" height="233" style="border: 1px solid #000000"></canvas>

绘制图形

绘制图形需要用到JavaScript,以后再做讲解吧QAQ

内联SVG

SVG是指可伸缩矢量图形,且用xml格式定义

把svg直接嵌入html界面

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
  <polygon points="100,10 40,180 190,60 10,60 160,180"
  style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;">
</svg>

MathML

是数学标记语言对应标签是math

<body>
   <math xmlns="http://www.w3.org/1998/Math/MathML">
      <mrow>
         <msup><mi>a</mi><mn>2</mn></msup>
         <mo>+</mo>
         <msup><mi>b</mi><mn>2</mn></msup>
         <mo>=</mo>
         <msup><mi>c</mi><mn>2</mn></msup>
      </mrow>
   </math>
</body>

上面的运算结果实际上是 $http://latex.codecogs.com/pdf.latex?\dpi{110} a^{2}+b^{2}=c^{2}$

html视频

html规定了一种

本文作者： 水蓝络合物
本文链接： https://miku39393939.github.io/2021/02/03/2021-02-01-html5/
版权声明： 本博客所有文章除特别声明外，均采用 MIT 许可协议。转载请注明出处！