HTML基础知识_html返回上级目录-CSDN博客

本文链接：https://blog.csdn.net/qq_50011463/article/details/122869225

HTML

Hypertext Marked Language，超文本标记语言，后缀名是.htm或.html。

VS一般文本，一个HTML文件不仅包含文本内容，还包含一些Tag（标记），通过Tag可以告知浏览器如何显示HTML文件。

Tag通常成对出现（Opening Tag和Closing Tag），不区分大小写。

基本概念

<html>
    <head>
        <title>Title of page</title>
    </head>
    <body>
        This is my first homepage!
        <b>This text is blod</b>
    </body>
</html>

<html> 是第一个Tag，告知用户浏览器只是HTML文件的头。

</html>是最后一个Tag，告知浏览器HTML文件到此结束。

<head>和</head>之间的内容，是Head信息，头部信息主要是被浏览器所用，不显示（在用户浏览器里看不到）。但是不代表没有用，可以在Head信息里添加关键词，有助于搜索引擎搜索到该网页。

标题title：不显示在HTML网页正文，显示在浏览器窗口最顶端的标题栏。
链接link：建立与外部文件的链接。
样式style：可以设置网页的内部样式表。

<title>和</title>之间的内容，是文件的标题，是最常用的head信息，在用户浏览器最顶端的标题栏看到。

<body>和</body>之间的内容，是正文。

<b>和</b>之间的文字，用粗体（bold）表示。

HTML元素：用来标记文本，表示文本的内容，如title、body。

HTML元素的属性：属性可以扩展HTML元素的能力，通常由属性名和值成对出现，就像name=“value”，如<body bgcolor=“red”> 表示页面背景色为红色，background属性设置页面背景图片，属性值就是图片路径。属性通常附加给HTML的Opening Tag。

Tag

正文标题：HTML用<h1>到<h6>定义正文标题，从大到小，每个标题自成一段。

<h1>
    This is a heading!
</h1>

标题居中：<h1 align=“center”>标题名</h1>

段落划分：<p> </p>

换行：不新建段落的情况下换行，<br>没有Closing Tag

<p>
    This
    <br>is a para<br>
    graph with line breaks
</p>

注释：<!- - This is a comment - ->

补充：HTML文件会自动截去多余的空格，不管连续加多少空格都会被看作一个，一个空行也被看作一个空格。

加横线（分割线）：<hr>

常用文本格式Tag:

Tag（成对）	Tag说明
<b>	粗体bold
<i>	斜体italic
<del>	文字当中划线表示删除
<ins>	文字下划线表示插入
<sub>	下标
<sup>	上标
<blockquote>	缩进表示引用
<pre>	保留空格和换行
<code>	表示计算机代码，等宽字体