HTML文件的创建及HTML元素的语法

it2026-08-28 5

1、可直接用Notepad或者记事本新建一个文件，编译如下内容，再将扩展名改为.html或.htm：

<!DOCTYPE HTML> <html> <body> <h1>我的第一个标题</h1> <p>我的第一个段落。</p> </body> </html>

双击使用浏览器打开，查看运行效果： 2、HTML 标题（Heading）是通过 < h1> - < h6> 等标签进行定义的。

<!DOCTYPE HTML> <html> <body> <h1>标题一</h1> <h2>标题二</h2> <h3>标题三</h3> <p>我的第一个段落。</p> </body> </html>

执行的效果如下

标题一

标题二

标题三

我的第一个段落。

3、HTML 段落是通过 < p> 标签进行定义的。

<!DOCTYPE HTML> <html> <body> <h1>标题一</h1> <h2>标题二</h2> <h3>标题三</h3> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </body> </html>

执行的结果如下：

标题一

标题二

标题三

This is a paragraph.

This is another paragraph.

4、HTML 链接是通过 < a> 标签进行定义的。

<!DOCTYPE HTML> <html> <body> <h1>标题一</h1> <h2>标题二</h2> <h3>标题三</h3> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <a href="http://www.w3school.com.cn">This is a link</a> </body> </html>

注：在 href 属性中指定链接的地址。

执行结果：

标题一

标题二

标题三

This is a paragraph.

This is another paragraph.

This is a link

5、HTML 图像是通过 < img> 标签进行定义的。

注意要把图片拖到对应的html文件的同级目录下执行效果如下： 6、HTML元素：

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

7、HTML元素语法:

HTML 元素以开始标签起始 HTML 元素以结束标签终止元素的内容是开始标签与结束标签之间的内容某些 HTML元素具有空内容（empty content）空元素在开始标签中进行关闭（以开始标签的结束而结束）大多数 HTML 元素可拥有属性

8、空的HTML元素

< br> 就是没有关闭标签的空元素（< br> 标签定义换行）。但在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。在开始标签中添加斜杠，比如 < br />，是关闭空元素的正确方法

最新回复(0)