HTML深入
注释将帮助其他人（以及未来的你！）理解代码。
在HTML中，注释表达为<!-- … -->
示例：
<!--Paragraph element below-->
<p>This product is awesome!</p>
可以使用注释暂时禁用部分代码，使其不被浏览器显示。
<!--<button>OK</button>-->
HTML是一种不区分大小写的语言。这意味着网页浏览器可以理解大写和小写形式的标签。
<p></P>
<button></BUTTON>
web浏览器将忽略代码中的空格和换行符。
<h1></h1><button></button>
<p></p>
如果需要创建换行符，可以使用<br>标记。<br>将强制换行。
<p>First line of text.<br>
Second line of text.</p>
像<button>这样的其他元素需要使用<br>分隔成不同的行。
应用网络行业中使用的一些标准和最佳实践。
<body>容器标记用于在浏览器中加载时在页面上显示的所有内容进行分组。
<body>
<h1>Best Practices</h1>
<p>Compatibility and collaboration</p>
</body>
页面需要<body>标签才能与所有的浏览器兼容。一个网页只能包含一个body元素。
需要显示的所有内容元素（如段落、标题、按钮和图像）都需要放在<body>容器标记中。
<body>容器标记需要包围页面上显示的所有元素。当一些HTML标记在其他标记内部时，这称为嵌套。
网站不仅仅是展示内容。<head>容器标记用于包含有关页面的技术信息。
<head>
<meta name="author" content="Karolina">
</head>
<body>
<p>The content of the page</p>
</body>
你可以使用头部来帮助增加搜索引擎的可见度和流量，比如谷歌。
标题、描述和关键字嵌套在head标签中。
<head>
<title>Gardening</title>
<meta name="keywords" content="apple, tree">
</head>
今天，大多数web专业人员总是用< HTML >标签包装他们的HTML代码。<html>标签是一个容器标签。头部和正文嵌套在<html>标签中。
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
不同级别的缩进用于显示嵌套。
文本格式可以帮助网站访问者找到他们想要的信息。
文本格式用于突出页面上的重要内容，可以使您的网页更易于访问和包容。
HTML格式标记用于更改文本的显示方式。
加粗标签<b>用于以粗体显示文本。格式标记是容器标记。这意味着开始和结束标记都是必需的。
<b>Web development</b>
斜体标签<i>用于以斜体显示文本。
<i>Web development</i>
下划线标签<u>用于为文本加下划线。
<u>Web development</u>
格式标记应用于文本，并嵌套在元素中。
<p>Movie:<i>E.T.</i></p>
网页是为残疾人设计的。网页可访问性就是让网站更具包容性，消除障碍。
屏幕阅读器是一种程序，可以让盲人、视力受损或有学习障碍的用户访问网站的内容。
屏幕阅读器会读单词。
strong标签<strong>用于突出显示重要的文本。
<strong>Warning!</strong>
强调标签<em>用于定义强调文本。屏幕阅读器会在口头上重读单词。
<em>The Book of Life</em>
<strong>和<em>标记被认为是语义格式化标记，因为它们为内容添加了意义。它们可以作为屏幕阅读器强调的指示。
没有超文本就不可能有网络。
超文本可以让人们通过链接从一个网页跳转到另一个网页。
锚标记<a>用于在网页上创建超链接。
<a>标签是一个容器标签。（需要开闭）
超链接用于从一个网页链接到另一个网页。要创建链接，需要使用“href”来添加目标URL。
<a href="url">Z</a>
url可以用匹配的单引号（'）或双引号（"）括起来。只要匹配就没有区别。
在现代web开发中，列表是非常有用的元素。
您甚至可以使用列表来构建导航菜单。
列表由列表项<li>组成。
<li>Item 1</li>
列表项是容器标签。
有序列表 <ol> 会以数字（1、2、3……）显示，而不是以项目符号显示。当列表中的各项具有一定的顺序时，例如分步说明，请使用 <ol>。完成代码以创建一个有序列表。
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
当项的顺序不重要时，使用无序列表<ul>。它们以项目符号显示。
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
浙公网安备 33010602011771号