📜  网站库 - Html (1)

📅  最后修改于: 2023-12-03 15:41:20.661000             🧑  作者: Mango

网站库 - Html

简介

Html(Hyper Text Markup Language)是一种用于创建网页的标记语言。它使用标记来描述网页的内容和布局。Html由许多的标记组成,每个标记都有自己的含义,用于表示不同的内容。

常见的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示例,展示如何使用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 等网页开发技术的学习请参考相关文档。