轻松学Java Web开发
上QQ阅读APP看本书，新人免费读10天
设备和账号都新为新人
上一章目录下一章

1.6 本章习题

1．请读者参照示例1.1编写一个HTML程序，运行后在浏览器中输出“I love Java Web!”。运行结果如图1.41所示。

图1.41 运行结果

【分析】本题非常简单，只是对HTML语言最基本的应用。我们参照示例1.1就可以很容易地将结果输出出来。

【核心代码】本题的关键代码如下所示。

        <html>
        <head>
          <title>这是第一个HTML习题例子</title>
        </head>
        <body>
          I love Java Web!<br/>
        </body>
        </html>

2．请读者参照示例1.6运用表单元素建立一个用于用户注册的HTML页面register2.html，本页面中包括用户姓名，用户性别，用户注册密码以及用户地址（选择方式，包括北京、上海、广州）等选项。执行效果如图1.42所示。

图1.42 运行结果

【分析】本题主要考查HTML常用表单标签的运用。这四种选项框分别对应不同的标签，

读者只要参考示例1.6对其进行适当的修改，就很容易得到需要执行的效果图。

【核心代码】本题的关键代码如下所示。

    <html>
      <title>注册页面
      </title>
      <body>
        <h1>用户注册</h1>
        <form>
      用户姓名：<input type="text" name="name"><br>
      性别：<input type="radio" name="radio" value="male">男
        <input type="radio" name="radio" value="female">女<br>
      注册密码：<input type="text" password="password"><br>
      请选择你所在的城市：
        <select name="city">
        <option value="bj">北京</option>
        <option value="sh">上海</option>
        <option value="gz">广州</option>
        </select><br>
        <input type="submit" value="提交">
        <input type="reset" value="重置">
        </form>
    </body>
    </html>

3．使用CSS美化网页的技术，创建一个HTML页面。要求标题为绿色，文本为红色。再设置一行蓝色字体，黄色背景的文字。执行效果如图1.43所示。

图1.43 运行结果

【分析】本题主要考查CSS基础的运用。在实际操作中我们经常会遇到字体颜色的处理，通过本题读者可以参照CSS属性设置的方法很容易地实现页面中各部分字体颜色的设置。

【核心代码】本题的关键代码如下所示。

    <html>
    <head>
    <style type="text/css">
    body {color:red}
    h1 {color:green}
    </style>
    </head>
    <body>
    <h1>……</h1>
    <p>……</p>
    <span style="color:blue;background-color:yellow;">……</span><br>
    </body>
    </html>
上一章目录下一章