javaweb学习笔记

最新推荐文章于 2024-07-23 17:12:02 发布

weixin_30326745

最新推荐文章于 2024-07-23 17:12:02 发布

阅读量130

点赞数

文章标签：网络开发工具 java

原文链接：http://www.cnblogs.com/dean-SunPeishuai/p/10457813.html

版权

第二章

1.HTML

（1）单标记：单独使用就可以表达完整的意思。<br/>换行 <hr/>绘制水平线

标记属性： <hr size="5" align="left" color="red" width="50%">

（2）<body>标签所包含的内容是 html的主体部分，可包含显示信息及其控制信息的显示的各种标签。

常用标签 ：bgcolor:设置背景颜色 text：设置文本颜色

（3）文本与段落标记：控制在网页上显示信息的。

(4)列表标签：有序和无序

有序格式：<ol type="序号类型"> 1 a A i I

无序格式：<ul type="类型"> </ul> disc circle square

（5)超链接标签

指从一个对象指向另一个对象的指针

第二次作业代码：

<%--
  Created by IntelliJ IDEA.
  User: 16892
  Date: 2019/3/11
  Time: 16:05
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>互联网</title>
    <style type="text/css">
      h1{color: white ;background: blue;text-align: center;padding: 15px;} /*标题颜色为白色，字体背景为蓝色，居中，四个方向的填充值为15px*/
      img{float: left;border: 1px dashed #9999cc;margin:5px;}/*文字环绕在图片周围，此处图片漂浮在字体的左面，图片边线为1px,颜色~，与周围元素边界5px/
      p{font-size: 16px;text-indent: 2em;line-height: 1.5;padding: 5px;}/*字体大小，首行缩进2字符，行高1.5倍，填充值5px*/
      body{margin: 0px; background-color: #ccccff;}/*消除网页内容与窗口浏览器边界的空白，并设置背景颜色*/
        #1{
            border-right: 3px double red;}
        #2{
            border-right: 3px double orange;}
    </style>
  </head>
  <body>
        <h1>互联网发展的起源</h1>
        <img src="picture\123.gif"  width="300"   height="280">
        <%--<p style="border-right: 3px double red">--%>
        <p id="1">
          1969年，为了保障通信联络，美国国防部高级研究计划署ARPA资助建立了世界上第一个分组交换试验网ARPANET，
          连接美国四个大学。ARPANET的建成和不断发展标志着计算机网络发展的新纪元.
        </p>
        <%--<p style="border-right: 3px double orange">--%>
        <p id="2">
          20世纪70年代末到80年代初，计算机网络蓬勃发展，各种各样的计算机网络应运而生，如MILNET、USENET、BITNET、
          CSNET等，在网络的规模和数量上都得到了很大的发展。一系列网络的建设，产生了不同网络之间互联的需求，
          并最终导致了TCP/IP协议的诞生
        </p>
  </body>
</html>

View Code

第三次作业：

（1）

<%--
  Created by IntelliJ IDEA.
  User: 16892
  Date: 2019/3/15
  Time: 13:48
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <title>Title</title>
   <style type="text/css">

     table{border-collapse: collapse;border-top-style: solid;border-bottom-style: solid}
     table tr:nth-child(even){
       background: aqua;
     }
     th,td{text-align: center;padding: 5px}
   </style>
</head>
<body>
<table >
  <tr style="border-bottom-style: solid"><th>学号</th><th>姓名</th><th>性别</th><th>专业</th></tr>
  <tr><td>20171111</td><td>张三</td><td>男</td><td>网络工程</td></tr>
  <tr><td>20171141</td><td>李四</td><td>男</td><td>物联网</td></tr>
  <tr><td>20177221</td><td>赵柳</td><td>男</td><td>电子</td></tr>
  <tr><td>20171211</td><td>钱起</td><td>男</td><td>计算机</td></tr>
</table>
</body>
</html>

View Code

（2）

转载于:https://www.cnblogs.com/dean-SunPeishuai/p/10457813.html

weixin_30326745

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javaweb学习笔记

第二章1.HTML （1）单标记：单独使用就可以表达完整的意思。<br/>换行 <hr/>绘制水平线标记属性： <hr size="5" align="left" color="red" width="50%"> （...
复制链接

扫一扫