web应用与开发_web技术应用与开发-CSDN博客

本文链接：https://blog.csdn.net/qq_59147478/article/details/123197680

实验一HTML基础

HTML入门——基础

第1关：初识HTML：简单的Hello World网页制作

本关的任务是编写一个简单的HTML页面，这个网页包含一个标题和一个段落。显示效果如下：

代码如下：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Hello world</title>
  </head>  
    <!--------- Begin-------->

  <body>
    <!--用HTML语言向世界打声招呼吧！-->
    <h1></h1>
    <p></p>
  </body>
    <!--------- End-------->

</html>

第2关：HTML结构：自我简介网页

本关任务是编写一个自我简介网页，你将通过本任务理解一个HTML网页的完整结构，并了解如何让搜索引擎更好的找到你的网页。

显示效果如下图所示：

代码如下：

<!DOCTYPE html>
<html>
    <!--------- Begin-------->

  <head>
    <title>自我简介</title>
    <meta charset="utf-8">

    <meta name="description" content="XXX的自我简介网站">
    <meta name="keywords" content="自我简介,关键词一,关键词二,关键词三">
  </head>
  <body>
    <h1 align="center">自我简介</h1>

    <h2>简介</h2>
    <p>在这里简单的描述一下你自己吧。</p>

    <h2>三个与你最有关的词</h2>
    <p>这三个词可以是一种形容，也可以是一种运动或者是一种独特的爱好，等等。</p>
    <ul>
        <li>第一个词</li>
        <p>选择第一个词的原因</p>
        <li>第二个词</li>
        <p>选择第二个词的原因</p>
        <li>第三个词</li>
        <p>选择第三个词的原因</p>
    </ul>
</body>
  <!--------- End-------->

</html>