📅  最后修改于: 2023-12-03 15:41:20.661000             🧑  作者: Mango
Html(Hyper Text Markup Language)是一种用于创建网页的标记语言。它使用标记来描述网页的内容和布局。Html由许多的标记组成,每个标记都有自己的含义,用于表示不同的内容。
以下是Html中常见的标记:
<!DOCTYPE html>:定义文档类型
<html>:定义Html文档
<head>:定义文档头部信息
<title>:定义文档标题
<body>:定义文档主体部分
<header>:定义一个文档头(通常包含Logo、导航栏等)
<nav>:定义页面中的导航栏
<section>:定义文档中的单独部分(如文章的一节、一个章节)
<article>:定义独立的包含在网页中的文章
<p>:定义段落
<a>:定义链接
<img>:定义图片
<ul>:定义无序列表
<ol>:定义有序列表
<li>:定义列表项
<table>:定义表格
<tr>:定义表格中的一行
<td>:定义表格中的单元格
<form>:定义表单
<input>:定义表单中的输入控件
<button>:定义按钮
更多标记可以在 HTML标签列表 中找到。
以下是一个简单的Html示例,展示如何使用Html标记创建网页:
<!DOCTYPE html>
<html>
<head>
<title>我的网站</title>
</head>
<body>
<header>
<h1>欢迎来到我的网站</h1>
<nav>
<ul>
<li><a href="#about">关于我们</a></li>
<li><a href="#services">我们的服务</a></li>
<li><a href="#contact">联系我们</a></li>
</ul>
<nav>
</header>
<section id="about">
<h2>关于我们</h2>
<p>我们是一家提供高质量网络解决方案的公司。</p>
</section>
<section id="services">
<h2>我们的服务</h2>
<ul>
<li>网站开发</li>
<li>网站设计</li>
<li>SEO优化</li>
</ul>
</section>
<section id="contact">
<h2>联系我们</h2>
<form>
<label for="name">姓名:</label>
<input type="text" id="name"><br><br>
<label for="email">邮箱:</label>
<input type="email" id="email"><br><br>
<label for="message">留言:</label><br>
<textarea id="message"></textarea><br><br>
<button type="submit">发送</button>
</form>
</section>
</body>
</html>
Html是Web开发中必须学习的基础知识之一。本文简单介绍了Html标记的基本语法和常见应用,希望对初学者有所帮助。更多 Html、CSS、Javascript 等网页开发技术的学习请参考相关文档。