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

时间：2024-01-09 23:47:20

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>

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

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

@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>

相关文章