首页前端开发HTMLhtml代码制作三个网页示例

html代码制作三个网页示例

时间2023-11-14 17:05:03发布访客分类HTML浏览648
导读:HTML代码是制作网页的基础语言,下面我将给大家演示如何用HTML代码创建三个网页示例。第一个网页示例是一个简单的个人介绍页。我们需要创建一个包含个人信息的表格。以下是它的HTML代码:<html><head><...
HTML代码是制作网页的基础语言,下面我将给大家演示如何用HTML代码创建三个网页示例。
第一个网页示例是一个简单的个人介绍页。我们需要创建一个包含个人信息的表格。以下是它的HTML代码:
html>
    head>
    title>
    个人介绍/title>
    /head>
    body>
    h1>
    个人介绍/h1>
    table>
    tr>
    td>
    姓名:/td>
    td>
    张三/td>
    /tr>
    tr>
    td>
    性别:/td>
    td>
    男/td>
    /tr>
    tr>
    td>
    年龄:/td>
    td>
    25/td>
    /tr>
    tr>
    td>
    邮箱:/td>
    td>
    zhangsan@example.com/td>
    /tr>
    /table>
    /body>
    /html>
    

第二个网页示例是一个图书列表。我们需要创建一个包含图书信息的列表。以下是它的HTML代码:
html>
    head>
    title>
    图书列表/title>
    /head>
    body>
    h1>
    图书列表/h1>
    ul>
    li>
    《百年孤独》/li>
    li>
    《哈利波特》/li>
    li>
    《鲁滨逊漂流记》/li>
    /ul>
    /body>
    /html>
    

第三个网页示例是一个图片展示页。我们需要创建一个包含图片的网页。以下是它的HTML代码:
html>
    head>
    title>
    图片展示/title>
    /head>
    body>
    h1>
    图片展示/h1>
    img src="pic1.jpg">
    img src="pic2.jpg">
    img src="pic3.jpg">
    /body>
    /html>
    

以上就是三个用HTML代码创建的简单网页示例。希望这些示例代码可以帮助大家了解HTML的基础知识。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: html代码制作三个网页示例
本文地址: https://pptw.com/jishu/539112.html
html代码制作一个导航界面 css引过来背景图不重复

游客 回复需填写必要信息