创建第一个最简单的网页

  • 创建HTML文件,会默认生成以下格式(本测验皆在IDEA中进行)

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    
    </body>
    </html>
    
  • DOCTYPE 表示告诉浏览器,我们使用什么规范(删除后本身没影响,因为浏览器本身默认支持HTML)

  • head 顾名思义是网页的头部

  • meta 表示描述性标签,它用来描述我们网站的一些信息

  • Title 表示网页的标题

  • body 表示网页的主体

以下是描述构建一个最简单的网页,当然第11行和第12行本身是可以忽略不写的。

<!-- DOCTYPE:告诉浏览器,我们要使用什么规范 -->

<!DOCTYPE html>
<html lang="en">

<!-- head表示网页头部 -->
<head>
    <!-- meta描述性标签,它用来描述我们网站的一些信息 -->
    <!-- meta一般用来做SEO -->
    <meta charset="UTF-8">
    <meta name = "keywords" content = "欢迎来到我的网页">
    <meta name = "description" content="来这个地方可以学习Java">

    <!--  title网页标题-->
    <title>我的第一个网页</title>
</head>

<!-- body表示网页主体-->
<body>
Hello,World!
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML是一种用于创建网页的标记语言。它可以用来描述网页的结构和内容。在本文中,我将向您介绍如何创建一个简单网页。 首先,我们需要一个文本编辑器。在Windows中,您可以使用记事本,而在Mac上,您可以使用TextEdit。打开您选择的文本编辑器并将以下代码复制并粘贴到文件中: ```html <!DOCTYPE html> <html> <head> <title>我的网页</title> </head> <body> <h1>欢迎来到我的网页</h1> <p>这是一个简单网页</p> </body> </html> ``` 让我们看一下这段代码的作用。第一行是文档类型声明,告诉浏览器这是一个HTML文档。接下来的`<html>`标签表示文档的根元素。`<head>`标签包含一些元数据,例如文档标题。`<body>`标签包含文档的主要内容。 在`<body>`标签中,我们有一个`<h1>`标签,它表示一个标题。我们还有一个`<p>`标签,它表示一个段落。这些标签告诉浏览器如何呈现文档的内容。 保存文件并将其命名为“index.html”。确保将文件保存在Web服务器可以访问的位置,例如Web服务器的根目录。 现在,我们可以在Web浏览器中查看我们的网页。打开您选择的Web浏览器并导航到“http://localhost/index.html”。您应该看到一个简单网页,其中包含标题和段落。 这就是创建简单网页的基础。HTML有许多其他的标签和属性,可以用来创建更复杂的网页。希望这篇文章能够帮助您入门HTML网页制作。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值