Day 30：HTML和CSS在Java项目中常用语法

framSet例子，其中的页面链接地址视情况而定，应为我还不知怎么弄当前文件下呢，例子主要在说明该标签如何使用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<!--
    框架标签
            <framSet>:一个<frameset>可以把一个页面切割为多分，只能按照行列切割
            <fram>:不可以被切割，是位于<frameset>中的
            在拼接的时候如果有了<frameset>就不可以有<body>
　　　　　　　<iframe>:在一个网页中分割出一部分来显示另外的信息（图片，插件。。。。。。）
-->
<body>
    <div align="center"><font color="#CC0000" size="30px">公司的名字</font></div>

</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
    <dl>
        <dt>功能介绍</dt>
        <dd ><a href="../第一个网页.html" target="right">公司简介</a></dd>
        <dd><a href="../超链接标签.html" target="right">公司荣誉</a></dd>
        <dd><a href="../图片标签.html" target="right">产品简介</a></dd>
    </dl>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
    <div align="center"><font color="#000000" size="30px">公司的消息和展示</font></div>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
    <div align="center">
        合作伙伴：德哈斯更换发动机凯撒恢复健康<br />
        友情链接：范德萨范德萨发<br />
        联系方式：545456-456456<br />
        版权归属于：@reg李杰<br />
    </div>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

    <frameset rows="20%,70%,*">
        <frame src="top.html"/>

        <frameset cols="20%,*">
            <frame src="left.html"/>
            <frame name="right" src="right.html" />
        </frameset>

        <frame src="end.html"/>
    </frameset><noframes></noframes>

</html>

表格标签

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<!--
    表单标签：用来提交数据给服务器的
        表单标签的根标签是<form>

    常用属性
        action：指定数据提交地址
        method：
            get:默认提交方式,数据内容不超过1KB（会显示提交内容）。不安全
            post:不会显示提交内容,提交数据不受地址栏限制。安全

    注意：表单项的数据如果需要提交到服务器上，表单项就要有name的属性值，选择框之类的就要加value属性，提交的是value属性值
-->
<body>
    <table width="500px" height="400px" border="1px" align="center">
    <form action="http:\\www.baidu.com" method="post">
        <tr>
            <td>账号:</td>
            <td><input name="admin" type="text" /></td>
        </tr>

        <tr>
            <td>密码:</td>
            <td><input name="password" type="password" /></td>
        </tr>

        <tr>
            <!--checked="checked"或者checked="true"都是让下面的有一个最初默认值-->
            <td>性别:</td>
            <td>男：<input checked="checked" name="sex"  value="man" type="radio" />女：<input name="sex" value="women" type="radio" /></td>
        </tr>

        <tr>
            <td>地址：</td>
            <td>
                <select name="city">
                    <option value="bj">北京</option>
                    <option value="sh" selected="selected">上海</option>
                    <option value="gz">广州</option>
                    <option value="sz">深圳</option>
                 </select>
            </td>
        </tr>

        <tr>
            <td>爱好：</td>
            <td>
                <!-- 同一组复选框name属性值要一致，value属性值不要求-->
                java<input name="hobby" value="java" type="checkbox" />js<input value="js" name="hobby" type="checkbox" />c<input name="hobby" value="c" type="checkbox" />c#<input value="c#" name="hobby"  type="checkbox" />
            </td>
        </tr>

        <tr>
            <td>照片：</td>
            <td><input name="photo" type="file" /></td>
        </tr>

        <tr>
            <td>个人简介：</td>
            <td><textarea name="message" cols="30" rows="10"></textarea></td>
        </tr>

        <tr>
            <td colspan="2"><input type="submit" value="注册" />
            <input type="reset" value="重置" /></td>
        </tr>
    </form>
    </table>

</body>
</html>

可以将文件传送到百度网站，但是人家不接受，原理一样。

@charset "utf-8";
/* CSS Document */
a{
    /* css的注释 ..*/
    color:#F00;
    text-decoration:none
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<!--
    html 在一个网页中负责的事情是一个页面的结构
    css(层叠样式表) 在一个网页中主要负责了页面的数据样式。
编写css代码的方式：
    第一种： 在style标签中编写css代码。   只能用于本页面中，复用性不强。
        格式 ：
            <style type="text/css">
                编写css的代码。
            </style>
        例子：
            <style type="text\css">
               a{
                    color:#F00;
                    text-decoration:none;
                }
           </style>   

     第二种： 可以引入外部的css文件。  推荐使用。
        方式1： 使用link标签。   推荐使用
            格式：
                <link href="css文件的路径" rel="stylesheet">
            例子： <link href="1.css" rel="stylesheet"/>

        方式2：使用<style>引入
             格式：
                     <style type="text/css" >
                        @import url("css的路径");
                    </style>
             例子：
                 <style type="text/css" >
                    @import url("1.css");
                </style>

    第三种方式：直接在html标签使用style属性编写。    只能用于本标签中，复用性较差。 不推荐使用。
          例子：
              <a style="color:#0F0; text-decoration:none" href="#">新闻的标题1</a>
-->

</head>
<link href="css样式.css" rel="stylesheet" />
<body>
    <a href="#">新闻标题<br /></a>
    <a href="#">新闻标题<br /></a>
    <a href="#">新闻标题<br /></a>
    <a href="#">新闻标题<br /></a>
    <a href="#">新闻标题<br /></a>
    <a href="#">新闻标题<br /></a>
</body>
</html>