WEB入门(一)

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) -------头文件标签

        <title>标题标签</title>

    </head>

    <body>

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

    </body>

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

3.HTML中的标签

(1)文本标签

        标题标签: h1~h6

        水平线标签:hr

        换行标签<br/>

        段落标签:p

        段落缩进:blockquote

        上下标标签:supsub

        原样输出标签:pre

        字体标签:font

        居中标签:center

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

        <: &lt; (letter than)

        >:&gt;(greater than)

        注册商标:® &reg;

        版权所有:© &copy; 


(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属性:必填项(给后台标记的)

        单选框:

            <input type="radio" />

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

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

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

         隐藏域(重点):

            <input type="hidden" name="hi" />

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

        上传照片:

            <input type="file" name="photo">

        文本域:

            <textarea></textarea>

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

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

            </select>

        按钮:

            <input type="button" />

            指定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>

阅读更多

没有更多推荐了,返回首页