WEB入门（一）

最新推荐文章于 2022-08-10 20:15:37 发布

cangerwjd

最新推荐文章于 2022-08-10 20:15:37 发布

阅读量466

点赞数

本文链接：https://blog.csdn.net/cangerwjd/article/details/79717878

版权

1.软件的结构划分

1.C/S结构：Client-Server

特点：客户端的软件必须升级才能使用服务器端高版本的功能

应用：阿里巴巴，QQ...

2.B/S结构：Browser-Server

特点：浏览器端的软件不需要特定的升级就可以访问服务器的网站

应用：大型游戏网站，网易新闻...

JavaWeb/EE 都是基于B/S结构的，所有基于B/S的应用都叫网站。网站由很多HTML组成。

2.HTML

HTML的全称是Hyper Text Markup Language（超文本标记语言），它的作用是对字体的颜色,大小和图片,动画,音频,视频等进行操作。它的基本结构如下：

<html>

<head> 编码规范的(gbk/utf-8) -------头文件标签

</head>

<body>

html主体部分:这些内容最终会在浏览器中显示

</body>

</html> -----------有标签体的标签

3.HTML中的标签

（1）文本标签

标题标签: h1~h6

水平线标签:hr

换行标签<br/>

段落标签:p

段落缩进:blockquote

上下标标签:sup和sub

原样输出标签:pre

字体标签:font

居中标签:center

空格:   注意事项(分号一定要带上)

<: < (letter than)

>:>(greater than)

注册商标:® ®

（2）图像标签

图像标签:<img/>空标签体

src:链接到的资源图片

width:图片的宽度两种方式:一种指定px(像素) 第二种:百分比

title:悬停状态,会显示文字

alt:当图片失效的时候,用来解释说明该图片

height:图片的高度

（3）表格标签

表格标签:table

        border :边框 (1px)
        align:当前表格在浏览器中的对其方式属性值:left   center right
        width:表格的宽度
        height:表格的高度
        bgColor:背景色
        tr:行标签
        th:表头标签(特点:自动居中,并且自动适当加粗)
        td:单元格(列)
        rowspan:行合并
        colspan:列合并

（4）表单标签

    form两个重要的属性:
        action:提交的地址(可以是资源文件或者URL:统一资源定位符)
        method:提交方式:常用的两种:post get

注意事项:在表单标签中,name属性一定要指定,作为后台提交

        表单标签中method提交方式post和get的区别?
        get方式提交:
            1)将用户的信息展示到了地址栏中(不安全)
            2)get方式提交,提交的文件大小有限制,不超过64kb

        post提交方式:
            1)post提交方式不会将用户的信息显示到地址栏中

2)该提交方式提交文件大小无限制!

文本输入框
<input type ="text" />

name属性:必填项(给后台标记的)

密码输入框:非明文的形式显示出来
<input type ="password" />

name属性:必填项(给后台标记的)

单选框:

name属性:必填将性别看成同一组信息

复选框:
<input type="checkbox" />

name属性:必填:将这些复选框看成同一组信息

隐藏域(重点):

注意事项:不会显示一些效果,但是他可以携带数据

上传照片:

文本域:

            属性:name属性必填
            rows:文本雨中有多少行
            cols:一行能写多少个字符

        下拉菜单
            <select name="必填">
                <option>请选择</option>

</select>

按钮:

            指定value属性
            type="submit" 提交
            type ="reset" 重置

（5）超链接标签

        超链接标签:
            a标签    <a></a>
        常用的属性:
                       href:    连接到的资源文件或者地址
                       target:    打开资源文件的方式
                               _self:是在当前窗口直接开
                               _blank:新建一个窗口打开
       URL:统一资源定位符

       常用的协议:
               file://   本地文件协议
               http://
                       自己的执行流程 :通过查看hosts文件中有没有该域名对应的ip,有的话,调用程序访问,如果没有,就联网操作访问

               thunder://迅雷协议
               mailto:邮件协议

        超链接的作用:
                1)连接到资源文件或者资源地址
                2)作为锚连接来使用

                如果是在同一个html页面下:
                    1)打锚点
                        <a 指定name锚点名称属性="属性值"></a>
                   2)创建一个连接到锚点的超链接
                        <a href="#锚点名称">这是一个超链接</a>

               在不同html页面下的使用:
                   1)在另一个页面上先打锚点
                       <a name="锚点名称"></a>
                      2)在当前页面下创建一个连接到锚点的超链接
                       <a href="文件名称或者地址#锚点名称">这是一个超链接</a>