HTML基础结构和常用标记的例子
HTML的基本结构包括<head>、<body>等标记，基本语法包括属性、空标记等。常用的可视化标签包括div、span、p、img等，可以用css来改变它们的样式。文件路径需要用相对路径表示。例如，以下是一个简单的HTML文档：
```html <!DOCTYPE html> <html> <head> <title>My First Web Page</title> </head> <body> <h1>My First Web Page</h1> <p>This is my first web page!</p> </body> </html> ```
在这个HTML文档中，我们使用了DOCTYPE声明来声明文档类型，使用了<html>、<head>、<title>等标签定义文档的头部结构，使用了<body>标签定义文档的主体结构，并在主体结构中使用了<h1>和<p>标签定义了标题和段落文本。
常用的可视化标签还包括<ul>和<li>，用于定义无序列表，<ol>和<li>用于定义有序列表。例如：
```html <!DOCTYPE html> <html> <head> <title>My First Web Page</title> </head> <body> <h1>My First Web Page</h1> <p>This is my first web page!</p> <ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul> <ol> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ol> </body> </html> ```
如果你想创建一个更加复杂的网页，你可以使用<table>标签创建表格，使用<img>标签插入图片，使用<a>标签添加链接，使用<form>标签创建表单等。
在这个例子中，我们使用了`<h1>`标签来创建一个标题，使用了`<p>`标签来创建一个段落。这是 HTML 中的基本结构。你还可以使用`<ul>`和`<li>`标签创建无序列表，使用`<ol>`和`<li>`标签创建有序列表。
如果你想要创建一个复杂的网页，你还可以使用`<table>`标签创建表格，使用`<img>`标签插入图片，使用`<a>`标签添加链接，使用`<form>`标签创建表单等。
