• 2、HTML


    软件的结构:

    C/S(Client Server)结构的软件:

    比如: QQ、 极品飞车、 飞信 、 迅雷


    cs结构的软件的缺点:更新的时候需要用户下载更新包然后再安装,程序员则需要开发客户端与服务端。

    cs结构软件的优点: 减轻服务端的压力,而且可以大量保存数据在客户端。

    B/S(Browser Server)结构的软件:

    比如: 微博 、 webQQ 、 web飞信、 web迅雷

    优点:软件版本升级的时候不需要用户下载更新包,直接更新服务器的程序即可。程序员则只需要开发服务端而已。

    缺点:增加了服务端的压力,bs结构的软件不能保存大量的 数据在用户机上。

    网站的类别:

    静态网站: 静态网页中的数据都是写死的,如果需要修改网页的内容是需要直接修改网页的代码。 是没有数据库提供数据给它。

    动态网站: 动态网站的数据是来自于数据库的,背后是有一个后台程序管理页面中数据的。


    html 语言就是开发网页的基础语言:

    html(超文本标记语言)

    标记 : 该门语言是有标签来构成的。 学习html不用怎么去理解,只要需要记住标签的作用即可。


    html语言的特点:
    1. html语言是与平台无关的,任何平台只需要安装了浏览器都可以运行。
    2.html 是不区分大小写的。

    html语言的结构:

    <html> html语言的根标签.

    <head></head> 网页的头信息

    <body></body> 网页的体部分

    </html>

    html的注释: <!-- 注释的内容 -->

    html是超文本标记语言的简写(HyperText   markup language),是最基本的网页语言

    超文本:页面的数据可以通过标签改变样式,而且可以通过超链接直接跳到下一个页面。

    标记:html是通过标签来定义的语言,代码是由标签组成。

    平台无关, 只要安装了浏览器,就可以通过浏览器来解析数据

    编辑html ,html其实就是文本文件,把普通的文本文件的后缀名该为html或htm,通过浏览器即可解析
     

    lhtml : 是不区分大小写

    html是由<html>开始,由</html>结束,在这之间是分<head>和<body>两部分

    <head>是给html页面增加一些辅助或者属性信息,里面的内容会最先加载。

    <body>标签里面存放的才是真正要显示的数据

    标签

    •带有特殊含义的网页的标记元素
    •格式:<开始标签> 标签体 </结束标签>
    l分类
    •带标签体的标签          如:  <p> XX </p>
    •不带标签体的标签      如: <br/>
    •标签应该成对出现
    属性

             写在开始标签上的  名=“值”对代表该标签的属性 <font       color=“red”></font>。

    •一个标签可以有多个属性,多个属性之间使用空格隔开。
    •注意:属性值最好使用单引号或者双引号引起来。
    注释
    •<!--我是注释-->
     
    文本标签
    •标题(h1~h6)
    •水平线(hr)
    •段落(p)
    •上下标(sup和sub)
    •换行(br)
    •原样输出(pre)
    •有序列表ol li
    •无序列表ul  li
    •项目列表标签(dl dt dd)
    •行内标签(span)    
    •块标签<div> 
     
    l链接标签
    •跳转:<a href = "资源路径" target="_blank">
    •邮件:<a href="mailto:email"></a>
    •定位:<a name=“#标记名”></a> 和 <a name="标记名" >
    <img> 图像标签:
    •<img src=”1.jpg” align=” middle” border=”3” alt=”图片说明文字” username="#Map"/>
    • <map name=“Map” >    使用作为热点图的

              <area shape="rect" coords="50,59,116,104" href="1.html" />

              <area shape="circle" coords="118,203,40" href="2.html" />

    •  </map>

     tabel表格

    标题标签:<caption>,给表格提供标题。
    表头标签:<th>,一般对表格的第一行或者第一列进行格式化,就是粗体显示。并不常用。
    行标签:<tr>
    单元格标签:<td>,加载行标签的里面。可以简单理解为,先有行,在行中在加入单元格。

    HTML框架标签

    画中画
    •画中画标签格式:  iframe
    框架标签
    •frameset和frame标签
    •frameset属性: rows 、 cols  、 frameborder
    •frame属性     :noresize
    HTML中的单位
    •绝对单位            1px   字体的单位+1  10%
    •相对单位             20% (计算单位)
     
    HTML表单
    表单
    •表单,在网页中主要负责数据采集的功能,比如你可以采集访问者的名字和e-mail地址、调查表、留言簿等等。
    组成
    •表单标签:  <form action=“” method=“” enctype=“”></form>
    •表单域    : <input type=“” name=“” />
    •表单按钮: <input type="submit" name="..." value="...“/>
    常见的表单域
    •文本字段     <input type=“text” name=“” value=“”/>
    •密码字段、   隐藏字段 type = "password"
    •单选按钮      type=radio 单选按钮必需要分组,分组的方法就是给标签name属性,name属性的值必须一样。
    •多选按钮     type =checkbox,多选按钮的name属性必须一致。
    •文件选择框  type=“file” 
    •下拉列表      <select ><option>
    •文本输入域   <textarea> 根据cols定义它的列,rows定义文本框的行数
    •按钮  type=“button”
     
    Get提交和Post提交的区别

        get

          post

    会将提交的内容显示在浏览器地址栏

    不会将提交的内容显示在浏览器地址栏   

    提交的数据的大小会受地址栏的限制

    数据不能超过1kb

    提交的数据不会受地址栏限制

    提交敏感数据时不安全

    提交敏感数据时更安全

  • 相关阅读:
    看到一篇好文章 和大家分享《别让灵魂赶不上自己的脚步!》
    第二次结对编程作业
    css的用法
    MicrosoftWord2013基本用法
    使用winshark分析三次握手,四次挥手
    取石子(博弈游戏)
    java.lang.NullPointerException的可能原因及处理
    Git的用法
    C++ 各种基本类型间的转换
    Servlet技术(使用myeclipse)
  • 原文地址:https://www.cnblogs.com/GJ-ios/p/6021643.html
Copyright © 2020-2023  润新知