HTML简单网页代码案例

HTML简单网页代码案例

HTML(超文本标记语言)是一种用于创建网页的标准标记语言,它使用一系列标签来描述网页的结构和内容,以下是一个简单的HTML网页代码案例,包括标题、段落、列表和链接等常用元素。

在HTML中,标题使用<title>标签来定义,该标签位于<head>标签内,以下代码定义了一个标题为“我的网页”的网页:

<!DOCTYPE html>
<html>
<head>
    <title>我的网页</title>
</head>
<body>
    <!-- 网页内容将在这里填充 -->
</body>
</html>

2、段落

在HTML中,段落使用<p>标签来定义,以下代码创建了一个包含“这是一个段落”的网页:

<!DOCTYPE html>
<html>
<head>
    <title>我的网页</title>
</head>
<body>
    <p>这是一个段落</p>
</body>
</html>

3、列表

在HTML中,列表可以使用<ul>(无序列表)或<ol>(有序列表)来定义,以下代码创建了一个包含“项目1”、“项目2”和“项目3”的无序列表:

<!DOCTYPE html>
<html>
<head>
    <title>我的网页</title>
</head>
<body>
    <ul>
        <li>项目1</li>
        <li>项目2</li>
        <li>项目3</li>
    </ul>
</body>
</html>

4、链接

在HTML中,链接使用<a>标签来定义,以下代码创建了一个指向“https://www.example.com”的链接,链接文本为“点击这里”:

<!DOCTYPE html>
<html>
<head>
    <title>我的网页</title>
</head>
<body>
    <a href="https://www.example.com">点击这里</a>
</body>
</html>

5、图片

在HTML中,图片使用<img>标签来定义,以下代码在网页中插入了一张图片,图片路径为“image.jpg”:

<!DOCTYPE html>
<html>
<head>
    <title>我的网页</title>
</head>
<body>
    <img src="image.jpg" alt="图片描述">
</body>
</html>

6、表格

在HTML中,表格使用<table>标签来定义,以下代码创建了一个包含“姓名”、“年龄”和“性别”的表格:

<!DOCTYPE html>
<html>
<head>
    <title>我的网页</title>
</head>
<body>
    <table border="1">
        <tr>
            <th>姓名</th>
            <th>年龄</th>
            <th>性别</th>
        </tr>
        <tr>
            <td>张三</td>
            <td>20</td>
            <td>男</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>25</td>
            <td>女</td>
        </tr>
    </table>
</body>
</html>
转载请说明出处内容投诉
CSS教程_站长资源网 » HTML简单网页代码案例

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买