js 一个简单的留言demo

html代码:

<div class="container">
        <input type="text" placeholder="请输入您的昵称" id="inputer">
        <br/>
        <textarea name="" id="text" cols="30" rows="10" placeholder="请输入留言内容"></textarea>

        <br/>
        <button type="button" id="btn">提交</button>
        
        <div class="banner">
            <span>留言</span>
            <button type="button" id="btnall">全部删除</button>
        </div>


        <div id="box">
            <!-- <div class="box_container">
                <div class="box_top">
                    <span style="margin-right: 10px;">会游泳的鱼说:</span>
                    <span>祝大家春节与爱</span>
    
    
                    <button style="float: right;">删除</button>
                    <a href="#" style="float: right;">回复</a>
                </div>
    
                <div class="box_bottom">
                    <span style="margin-right: 10px;">1楼</span>
                    <span>2018-01-10 21:07:08</span>
                </div>
            </div> -->   <!-- 测试用的假数据 -->
            
        </div>

    
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML是一种标记语言,用于创建网页的结构和内容。一个简单的HTML demo可以是一个静态网页,其中包含一个标题、一段文字和一张图片。 首先,我们需要一个HTML文件的骨架,也称为文档类型声明(DOCTYPE declaration),它告诉浏览器这是一个HTML5文档。下面是一个HTML文档的基本结构: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HTML Demo</title> </head> <body> </body> </html> 首先,我们在<body>标签内添加一个<h1>标签,作为标题,内容可以是任何你想展示的文字。比如,我们写入"欢迎来到HTML Demo!"。 接下来,我们可以使用<p>标签来创建一段文字,在这里我们可以写入一些信息。比如,我们写入"这是一个简单的HTML demo,用于展示HTML的基本语法和功能。"。 最后,我们可以使用<img>标签来插入一张图片。要想展示图片需要提供图片的URL地址,这个地址可以是网络图片的url或者本地图片的路径。比如,我们插入一张名为"demo.jpg"的图片。 最终的HTML代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HTML Demo</title> </head> <body> <h1>欢迎来到HTML Demo!</h1> <p>这是一个简单的HTML demo,用于展示HTML的基本语法和功能。</p> <img src="demo.jpg" alt="演示图片"> </body> </html> 保存该HTML文件,并在浏览器中打开该文件,你将看到一个简单的网页,其中包含标题、一段文字和一张图片。这就是一个基本的HTML demo的例子。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值