HTML5实现简单留言板1

简单留言板之前端

最近参加培训,HTML学习也有一段时间了;感觉时间过得很快,,。
前端的开发还是有利器的–HBuilder

首先看下自动生成的模块:


<html>
    <head>
        <meta charset="UTF-8"> 
        <title>title>
    head>
    <body>
    body>
html>

这里我们 简单的利用几个标签实现留言板的简单表现:


<html>
    <head>
        <meta charset="utf-8"/>  
        <title>留言板title>
    head>
    <body>
        <form action="sava_book.php" method="post">
        <p>用户名<input type="text" name="username">p>
        <p>留言板<textarea name="content">textarea>p>
        <p><input type="submit" value="留言">p>
        form>
      body>
   html>

推荐用火狐或者chrom 浏览器,显示的大致结果:
HTML5实现简单留言板1_第1张图片

这里由于没有加入css的样式,显示效果就有点简陋了;
后续会更新,留言板的 后台存储,删除,分页的部分,,;

其实 感觉HTML的重要部分,主要是关键的标签:
table, form, a, select, div, span
(盒子)等;
所以的样式 都可以在css中去加,很多样式color,height,width,border等。
待续

2016/08/01

你可能感兴趣的:(前端UI)