在HTML中使用SVG有两种主要方法：作为内联SVG和作为外部SVG文件。
内联SVG可以直接在HTML文档中作为代码插入，使用<svg>标签包裹SVG代码。例如：
<!DOCTYPE html>
<html>
<head>
<title>内联SVG示例</title>
</head>
<body>
<h1>内联SVG示例</h1>
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>
</body>
</html>在上面的例子中，<svg>标签包含了一个圆形，宽度和高度分别为100像素。圆形的半径为40像素，圆心坐标为(50,50)，边框为黑色，填充为红色。
外部SVG文件可以使用<object>或<iframe>标签来嵌入到HTML文档中。例如：
<!DOCTYPE html>
<html>
<head>
<title>外部SVG示例</title>
</head>
<body>
<h1>外部SVG示例</h1>
<object data="example.svg" type="image/svg+xml"></object>
</body>
</html>在上面的例子中，<object>标签用于嵌入example.svg文件。type属性指定了文件类型为SVG。
无论是内联SVG还是外部SVG文件，SVG代码的语法都遵循XML规范，需要使用SVG元素和属性来定义图形。常用的SVG元素包括<rect>（矩形）、<circle>（圆形）、<line>（直线）和<path>（路径），常用的SVG属性包括width（宽度）、height（高度）、fill（填充颜色）和stroke（边框颜色）。