A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 13333114253 中级黑马   /  2018-12-17 15:26  /  1184 人查看  /  1 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 13333114253 于 2018-12-17 15:32 编辑

1).软件架构
    1.C/S(Client/Server) 客户端/服务器端
       在本地有一个客户端访问远程服务端    QQ.迅雷...
       优点:
        1.用户体验好
       缺点:
        1.开发,安装,部署,维护 麻烦
    2.B/S(Brower/Server)  浏览器/服务器端
       只需要一个浏览器,用户通过不同的网址(URL),客户访问不同的服务器端程序
       优点:
        1.开发,安装,部署,维护 简单
       缺点:
        1.如果应用过大,用户体验差
        2.对硬件要求高
        3.依赖于服务器
资源分类(服务器)
        静态资源:数据全部都是写死的   //不能改
            用户访问,得到的结果都是一样的
            如 : 文本,图片,音频,视频,HTML,CSS,JavaScript
            如果用户请求的是静态资源,服务器会直接将静态资源发送给浏览器,浏览器内置了静态资源解析引擎
       动态资源:数据全部都是数据库来的     //涉及到数据交互
            用户访问,得到的结果可能不一样
            如果用户请求的是动态资源,服务器会执行动态资源,转换为静态资源,在发送给浏览器
    HTML:搭建页面
    CSS: 样式
    JavaScript:动起来
HTML     :最基础的网页开发语言    
    ***Hyper Text Markup Language 超文本标记语言
    标记语言不是编程语言
    <html>
        <head>   
            <title> 标题 </title>
            <meta charset = "utf-8" />
        </head>
        <body>
        具体内容
        </body>
    </html>

    1.1标签的功能      
    1.2标签内置的属性   
    1.3标签怎么设置值
   
    标签:
    1. 双边和单边标签  
        1.围堵标签,有开始和结束 <html></html>
        2.自闭和标签   <br />   <hr />  
<font color = "red">内容</font>
ps:
内容--->展示
color---->属性名称
red------>属性值
    2. 行内标签和块级标签
        行内标签:只占内容大小<font></font>
        块级标签:单独占一块(多行)<p /> <center></center>
        
    标签可以嵌套:
        正确嵌套,不能你中有我,我中有你
    在开始标签里可以定义属性,属性是由键值对构成,值需要用引号(单双都可以)
    注释:
        <!--  -->

标签分类:
    1.文件标签:构成html最基本的标签
        html:html的根标签
        head:头标签.用于指定html文档的一些属性,引入外部的资源
        title:标题标签
        body:体标签
        <!DOCTYPE html>:

     特殊字符:
           空格
        <    <
        >    >
    2.文本标签:
        <h1> to <h6> 标题文字大小,1--->6  文字越来越小
        <p>  段落标签
        <br />  换行
        <b>  文字加粗
        <i>  定义斜体文本
        <s>   加删除线的文本
        <u>   加下划
        <font>
            size: 1-7 越来越大
            color:颜色  rgb(值1,值2,值3):范围0-255   #值1值2值3  00--FF之间
            width:宽度  px,%
            face:字体
        <center> 文本居中
    3.*图片标签:  展示图片
        <img src = "" width = "" height = "" alt = "" />
        src 路径    ./代表当前的目录    ../代表上一级目录
        width 和 height 最好只能存在一个
    4.**列表标签:
        ***无序  (无编号)type disc圆点  circle     squre方框  
            ul
                li
        有序  (有标号)
            ol type属性 start 从什么开始
                li
        列表的嵌套(内容都在 li 中)   ul  li  ul  li
    5.***超链接标签:
        <a href="要跳转的链接地址">内容</a>
            href:指定访问资源的URL  本地路径/互联网路径
            target:指定打开资源的方式   _blank 打开本页面  _self本页面内打开
    6.div和span: 没有样式
            div: 每一个div占满一行  块级标签
            span:文本信息在一行展示,行内标签 内联标签
    7.******表格标签:(对页面进行布局)
        <table> 定义表格
            <thead> 表头 ||<tbody> 身子 ||<tfoot> 表尾   
                <tr>定义行
                <th>定义表头单元格 (居中加粗)
                    <td>定义单元格
                        rowspan:合并行
                        colspan:合并列

        <caption> 表的标题                  
        border 边框  width 宽度      bgColor: 背景色   align 对齐方式
        
        cellspacing 单元格与单元格之间的距离  cellpadding定义内容和单元格的距离
        合并单元格(合并行,合并列)

        
        表格的嵌套
        <table>
            <tr>
                <td>
                    <table>
                        <tr>
                            <td>

HTML.png (99.26 KB, 下载次数: 17)

HTML.png

1 个回复

倒序浏览
一个人一座城0.0 来自手机 中级黑马 2018-12-21 15:55:51
沙发
看一看。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马