JavaWeb——web介绍与html学习

Web介绍

JavaWeb:使用Java语言开发基于互联网的项目
软件建构
1.C/S架构:Client/Server 客户端/服务器端
            *在客户端有一个客户端服务器,在远程有一个服务器端软件
            *如:QQ,端游
            *优点:
                1.用户体验好
            *缺点:
                1.开发,维护,安装,部署麻烦
2.B/S架构:Browser/Server 浏览器/服务器
            *只需要一个浏览器,用户通过不同的网址(URL),就可以访问不同的服务器端
            *优点:
                1.开发,维护,安装,部署简单
            *缺点:
                1.如果应用过大,用户的体验可能受到影响。
                2.对硬件要求过高。

B/S架构详解
        资源分类
            1.静态资源
                *使用静态网页开发技术发布的资源
                *特点:
                    *所有用户访问,得到的结果都是一样的
                    *如:文本,图片,音频,视频,HTML,CSS,JavaScript
                    *如果用户请求的是静态资源,服务器会直接将静态资源发送给浏览器。浏览器中内置了静态资源的解析引擎,可以来展示静态资源。
            2.动态资源
                *使用动态网页技术发布的资源
                *特点:
                    *所有用户访问,得到的结果可能不一样
                    *如:jsp/servlet,php,asp
                    *如果用户请求的是动态资源,那么服务器会执行动态资源,转换为静态资源,再发送给浏览器。
        我们要学习的动态资源,必须先学习静态资源
        静态资源
                HTML:用于搭建基础网页,展示页面内容
                CSS:用于美化页面,布局页面
                JavaScript:控制页面的元素,让页面有一些动态效果

HTML

        1.文件标签:构成HTML最基本的标签
            *html:html文档的跟标签
            *head:头标签。用于指定html文档的一些属性
            *title:标题标签
            *body:体表签
            *<!DOCTYPE html>:html5中定义该文档时html文档
        2.文本标签:和文本相关的标签
            *<h1> to <h6> :标题标签
            *<!-- -->:注释
            *<p>:段部落标签
            *<br>:换行
            *<hr>:显示一条水平线 属性: color=颜色 width=宽度 size=高度 align=对齐方式
            *<b>:字体加粗标签
            *<i>:斜体标签
            *<font>:字体标签
            *<center>:相对于父元素居中
                属性:
                    *color:颜色
                    *size:大小
                    *face:字体
            *属性的定义:
                *颜色
                    *color:英文单词:red,green:blue
                    *rgb(值1,值2,值3):值的范围:0~255
                    *#XXX:X的范围:00~·FF之间
                *width
                    1.数值:width='20',数值的单位,默认是px(像素)
                    2.数值%:占比相对于父元素的比例
        3.图片标签:
            *img:展示图片
            *属性
                src:指定图片的位置
                *以./代表当前目录 ./img/116.jpg
                *以../开头代表上一级目录
        4.列表标签:
            有序列表
                *ol:
                *li:
            无序列表
                *ul
                *li
        5.链接标签:
            *a:定义一个超链接
                *属性:
                    1.href:指定访问资源的URL(统一资源定位符)
                    2.target:指定打开资源的方式
                        *_self:在当前页面打开
                        *_blank:在新页面打开
        6.div和span:
            div:每一个div占满一整行。块级标签
            span:文本在一行展示,行内标签
        7.语义化标签:html5中为了提高程序的可读性,提供的一些标签,没有任何样式。
            1.<header>
            2.<footer>
        8.表格标签:
            table:定义表格
                属性:
                    1.width:宽度
                    2.border:边框
                    3.cellpadding:定义内容和单元格之间的距离,
                    4.cellspacing:定义单元格之间的距离,如果指定为0,这单元格的线会合在一起
                    5.bgcolor:表格的背景色
                    6.align:对齐方式
                    7.<caption>:表格标题
                    8.<thead>:表示表格的头部分
                    9.<tbody>:表示表格的体部分
                    10.<tfoot>:表示表格的脚部分
            tr:定义行
                属性
                     1.border:边框
                     2.align:文本的对齐方式
            th:定义表头单元格
                1.colspan:合并列
                2.rowspan:合并行

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值