zoukankan      html  css  js  c++  java
  • jsp——学习篇:HTML基础

      对于学习jsp来开发专业的动态网站,那么我们就先掌握静态网站的制作技术!那么HTML就是我们所必须了解的知识!因为最终的网站还是需要去给用户呈现。它是为“网页创建和其他可在浏览器中看到的信息”设计的一种语言!最新版本应该是HTML5,应该还处于完善阶段!这些历史性的就不说啦,我们只需要知道HTML——超级文本标记语言(全称HyperText Markup Language)!

      那么下面我们就介绍一下HTML页面基本结构,就是一些主要由<tag>语言[</tag>]标示及一些文本内容组成的。这些标示也称为标签是用来分割和标记文本的元素,来形成文本布局、文字格式不同的各式各样的页面!

      HTML基本结构:

    <html>

    <head>

    ...

    </head>

    <body>

    ...

    </body>

    </html>

      这个就是html基本结构!如果大家需要只是编写HTML语言,记事本程序就可以!也可以使用类似EmEditor的软件来编写比较方便!基本结构熟悉之后,接下来就是一些标签的用法以及标签属性,大家把常用的一些知道最好自己编写一个页面什么!对了,提醒一下,大家可别以为标签一直是对称的有开始有结束,这是不一定的,这种对称的叫做双标签,还有一种是单标签,比如换行标签<br>、分隔线<hr>等,具体的得大家查一查呢!

      下面是一个基本的注册页面的html源码以及效果图:

    <html>
    <head>
        <title>register</title>
    </head>
    
    <body align = "center" bgcolor = "pink">
    <h1 align = "Center">
    <font color = "purple">
    <b>用户注册界面</b>
    </h1>
    <hr size = "2"  color = "green">
    <center>
    <table align = “center” width = "500" bgdcolor = "black">
    <tr align = “left”>
    <td >用户名</td>
    <td><input name = "Username" type = "Text" /></td>
    </tr>
    
    <tr align = “center”>
    <td align = “left”>密码</td>
    <td><input name = "psd" type = "password"/></td>
    </tr>
    
    <tr align = “center”>
    <td align = “left”>确认密码</td>
    <td><input name = "REpsd" type = "password"/></td>
    </tr>
    
    <tr align = “center”>
    <td align = “left”>用户类型</td>
    <td>
    <select>
    <option value = "UserType">普通用户</option>
    <option value = "UserType">超级用户</option>
    <!--option value = "wahaha">wahaha</option-->
    </select>
    </td>
    </tr>
    
    <tr align = “center”>
    <td align = “left”>性别</td>
    <td><input name = "sex" type = "radio"/><input name = "sex" type = "radio"/></td>
    </tr>
    
    <tr align = “center”>
    <td align = “left”>兴趣爱好</td>
    <td><input name = "hobby" type = "checkbox"/>篮球
    <input name = "hobby" type = "checkbox"/>足球
    <input name = "hobby" type = "checkbox"/>网球</td>
    </tr>
    
    <tr align = “center”>
    <td align = “left”>电子邮件</td>
    <td rospand  = "2"><input name = "email" type = "text"/>
    <select>
    <option value = "UserType">@qq.com</option>
    <option value = "UserType">@163.com</option>
    <option value = "UserType">@126.com</option>
    </select>
    </td>
    </tr>
    
    <tr align = “center”>
    <td align = “left”><strong>自我介绍</strong></td>
    <td><textarea rows  = "8" cols = "33" name = "introduction"></textarea></td>
    </tr>
    
    </table>
    
    <p vehight = "bottom" align = "center"><font color =  "Green" size  = "1">
    copyright @2015-2016 all rights reserved<a href = http://www.baidu.com>
    <!--img src = "../baidu,png"-->
    </a>
    </p>
    
    </body>
    </html>
    HTML注册界面

      我这个审美观不是很好!具体的颜色搭配与布局,大家掌握后可以自己试试作出优美的界面!这样,HTML基础的说明就到这里了,大家有问题可以评论,我们一起讨论!这个具体还是自己动手写一遍比较有感觉!对于后续的HTML5又增加了一些表单项大家自己去了解哈!

     

    (*^__^*) 嘻嘻……3W,My life,My way,My style!!!
  • 相关阅读:
    常见压缩/解压缩及打包命令
    黑盒测试和白盒测试
    基础命令的操作

    转]DLL-多个进程间共享动态链接库的原理
    Ansi UNICODE,GBK,UTF-8区别
    Cppunit 源码 SynchronizedObject
    二分查找实现
    Androdi 开发学习四 Activity和Intent
    Android开发学习三:adb启动失败
  • 原文地址:https://www.cnblogs.com/lijiangjiang/p/4572997.html
Copyright © 2011-2022 走看看