简单的 HTML 页面

2025 年 3 月 25 日 | 阅读 3 分钟

使用不同的基本标签实现的创建简单 HTML 页面的示例如下：

示例 1：此示例创建了一个没有内容的简单页面，有助于理解如何在 HTML 页面中使用 Html、Head 和 Body 标签。

在以下示例中，我们在 Head 标签中没有指定网页的标题，因此它将显示 HTML 文件的名称作为其标题。

<Html> <!-- This tag is compulsory for any HTML document. --> 
<Head>
<!-- The Head tag is used to create a title of web page, CSS syntax for a web page, and helps in written a JavaScript code. -->
</Head>
<Body>
<!-- The Body tag is used to display the content on a web page. In this example we do not specify any content or any tag, so in output nothing will display on the web page. -->
</Body>
</Html>

输出

示例 2：此示例创建了一个页面，有助于理解如何为网页设置标题。

 <Html>  
<Head>
<!-- In this example the title tag is used to specify the title of the web page. -->
<title>
Example of Title tag
</title>
</Head>
<Body> 
</Body>
</Html>

输出

示例 3：此示例创建了一个网页，有助于理解如何使文本粗体、斜体和下划线。

<Html>  
<Head>
<title>
Example of make a text B,I,U
</title>
</Head>
<Body> 
<b> [This text is Bold......] </b>
<I> [This text is Italic......] </I>
<U> [This text is Underline......] </U> 
</Body>
</Html>

输出

示例 4：此示例创建了一个网页，有助于理解如何使用 <p> 标签。

<Html>  
<Head>
<title>
Example of Paragraph tag
</title>
</Head>
<Body> 
<p> <!-- It is a Paragraph tag for creating the paragraph -->
<b> HTML </b> stands for <i> <u> Hyper Text Markup Language. </u> </i> It is used to create a web pages and applications. This language 
is easily understandable by the user and also be modifiable. It is actually a Markup language, hence it provides a flexible way for designing the
web pages along with the text. 
</p>
HTML file is made up of different elements. <b> An element </b> is a collection of <i> start tag, end tag, attributes and the text between them</i>. 
</p>
</Body>
</Html>

输出

示例 5：此示例创建了一个网页，有助于理解如何定义所有标题级别。

在 HTML 中，有 6 个标题级别，从 h1 到 h6。

<Html>  
<Head>
<title>
Example of Header-levels
</title>
</Head>
<Body> 

<h6> tpointtech </h6> 
<h5> tpointtech </h5>
<h4> tpointtech </h4>
<h3> tpointtech </h3>
<h2> tpointtech </h2>
<h1> tpointtech </h1>
</Body>
</Html>

输出

示例 6：此示例创建了一个网页，有助于理解如何将文本居中以及如何换行。

<Html>  
<Head>
<title>
Example of center and BR tag
</title>
</Head>
<Body> 
<!-- In this example we use the center tag which specify the content at centre of the webpage.-->  
<center>
HTML tutorial in tpointtech <br> <!-- The BR tag is used to break a line. -->
CSS tutorial in tpointtech <br>
</center>
JavaScript tutorial in tpointtech <!-- Here BR tag is not used, so the next statement is in continuous with one space after this statement. --> 
Jquery tutorial in tpointtech <br>
</Body>
</Html>

输出

示例 7：以下示例描述了如何将一个页面链接到另一个页面。

<Html>  
<Head>
<title>
Example of anchor or hyperlink
</title>
</Head>
<Body> 
<!-- In this example we use the anchor tag for linking one page to another by using the href attribute 
which specify the url of the second page which you want to link.-->  
<center> Click on <a href="html-favicon"> this link </a> for reading about HTML favicon in tpointtech. 
</center>
</Body>
</Html>

输出

下一主题创建 HTML 页面

简单的 HTML 页面

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

HTML 教程

HTML 属性

HTML 标签列表

HTML5 高级

HTML API

HTML 颜色名称

HTML 杂项

选择题

面试题

简单的 HTML 页面

相关帖子

如何在 HTML 中让文字环绕图片

哪个内联属性用于指定样式

HTML 中的 &nbsp

如何在 HTML 中创建下拉列表

HTML 笑脸代码

将 HTML 转换为 PDF

HTML 中的语义标签

如何在 CSS 文件中插入注释

HTML 中的语义化

HTML 边距

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器