htmledit_views">
HTML 基础
HTML(超文本标记语言,HyperText Markup Language)是一种用于创建和设计网页的标准标记语言。它通过标签(tags)来定义网页的结构和内容。
基本HTML结构
常用HTML标签
1.标题标签:
<h1>
到<h6>
用于定义不同级别的标题。
2.段落标签:
<p>
用于定义段落。
3.链接标签:
<a>
用于创建超链接。
4.图片标签:
<img>
用于插入图片。
5.列表标签:
- 无序列表
<ul>
和有序列表<ol>
,以及列表项<li>
。
6.表格标签:
<table>
,<tr>
,<td>
, 和<th>
用于创建表格。
7.表单标签:
<form>
,<input>
,<button>
等用于创建表单。
以下是一个完整的HTML示例,展示如何创建一个包含标题、段落、链接和图片的简单网页。
<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我的网页</title><style>body {font-family: Arial, sans-serif;background-color: #f0f0f0;text-align: center;padding: 50px;}h1 {color: #333;}p {font-size: 18px;}img {width: 300px;border: 2px solid #ccc;border-radius: 10px;}</style>
</head>
<body><h1>欢迎来到我的网页</h1><p>这是一个简单的HTML示例,包含标题、段落、链接和图片。</p><a href="https://www.example.com">访问示例网站</a><br><br><img src="image.jpg" alt="示例图片">
</body>
</html>
解释
<!DOCTYPE html>
: 声明文档类型为HTML5。<html lang="zh-CN">
: 定义HTML文档的开始,并设置语言为中文。<head>
: 包含文档的元数据,如字符集、标题和样式。<body>
: 包含文档的主要内容,如标题、段落、链接和图片。- 样式部分: 使用CSS为网页添加基本样式。