📜  w3school - Html (1)

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

W3school - HTML

W3school(https://www.w3schools.com/) 是一个非常知名的 Web 开发学习网站。它提供大量的在线 Web 开发教程和实例,涵盖了 HTML、CSS、JavaScript、PHP、SQL、Python 等知名编程语言。本文将重点介绍 W3school 中 HTML 部分相关内容。

HTML 简介

HTML,全称是超文本标记语言(Hyper Text Markup Language),是一种用于创建网页的标准标记语言。HTML 结构化的标记表示文本、图片、媒体等等,另外也可以添加超链接,表单以及可用来实现各种数据交互。

HTML 中的标记以尖括号(< 和 >)为标识,尖括号里面是标记的名称。

<!DOCTYPE html>
<html>
<head>
	<title>页面标题</title>
</head>
<body>
	<p>这是一个段落。</p>
</body>
</html>

其中 <!DOCTYPE html> 定义了文档类型,告诉浏览器如何解析页面。<html> 表示 HTML 文档的开始,<head> 标记中是一些文档的元数据,如标题、样式、脚本等信息。<body> 来标记网页主题部分。

常用 HTML 标记
文本

在 HTML 中,可以用 <p> 标记定义段落,用 <h1><h6> 标记定义标题。另外可以用 <br> 标记换行,用 <hr> 标记插入水平线。

<p>这是一个段落。</p>
<h1>这是一个一级标题</h1>
<h2>这是一个二级标题</h2>
<br>换行标记
<hr>水平线
图片

可以使用 <img> 标记来插入图片,其中 src 属性用于指定图片文件的 URL,alt 属性用于指定图片的描述文字。

<img src="图片 URL" alt="图片描述">
超链接

可以使用 <a> 标记来添加超链接,其中 href 属性用于指定链接地址。

<a href="链接地址">链接文本</a>
列表

可以使用 <ul> 标记定义无序列表,<ol> 标记定义有序列表,<li> 标记定义列表项。

<ul>
	<li>列表项1</li>
	<li>列表项2</li>
</ul>

<ol>
	<li>列表项1</li>
	<li>列表项2</li>
</ol>
表格

可以使用 <table><tr><td> 标记定义表格,<th> 标记定义表格标题。

<table>
	<tr>
		<th>表头1</th>
		<th>表头2</th>
	</tr>
	<tr>
		<td>单元格1</td>
		<td>单元格2</td>
	</tr>
</table>
总结

HTML 是 Web 开发中必不可少的一部分,本文简单介绍了 HTML 的基本结构和常用标记。更多详细内容可以前往 W3school HTML 部分进行深入学习。