2020-11-18

学前端的第二天

一、企业应用的演变

1. 哑终端 ：一个主机，多个显示器

2. C/S 客户端和服务端（软件）
   pc：个人电脑的普及
   优点：安装本机，速度就快
   缺点：需要进行安装
   更新软件，必须用同意，不利于维护

3. B/S 浏览器和服务器
   优点：不需要安装、利于维护
   缺点：访问速度就慢
   二、web应用程序的组成部分

4. 网页
   结构(html / xhtml )
   样式(css)
   行为(javascript) ： javascript分为三部分：ECMASrcipt , Dom ,Bom
   都是由一个组织w3c(国际万维网联盟),又被称为w3c协议
   原则：结构，样式，行为分离
   2. web服务器
   net iis
   java(jsp) tomcat
   php apache
   nodejs nodejs
   3. web浏览器： firefox google safari 欧朋 ie（浏览器内核不同 ）
   4. http 协议
   5. 网页分类
   静态网页（不和数据库交互）
   动态网页（和数据库交互） 三、HTML学习
   1.HTML是什么？
   超文本标记语言 ,Hyper Text Markup Language，标准通用标记语言下的一个应用。
   “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本
   学习html标签过程中， 主要注意两个方面的学习：标签的用途、标签在浏览器中的默认样式。
   2. html的发展史 ： html 1 html 2 html 3 html 4 xhtml 1.0 html 5 (最新版本，会有兼容-旧版本不支持h5新特性)
   ？html4 与xhtml 的区别 ？
   没有什么太大的区别，主要是xhtml中语法要求更严格一点
   语法规则：
   a. 标签与属性全部小写
   b.标签必须要闭合
   c.属性=“值” 不能简写
   d. 标签的顺序要一致
   ？xhtml 中的x指的是什么？
   x ： xml （可扩展标记语言） = 》 数据传递格式
   3.html 后缀名
   .html
   .htm（以前支持的后缀名，只能有3位）
   .shtml（包含SSI命令）
   4. html 的基本语法与术语
   语法 ：单标签 <标签名 />
   双标签 <标签名> xxxxxxx </标签名>
   术语：
   标签：标签名称
   属性：标签的附加信息，不能独立存在 元素：从标签开始到标签结束，的一个整体
   5. Html 结构
   
   
   
   
   
   
   
   
   
   
   DOCTYPE :
   DTD:文档定义类型
   三种类型： 过渡的（Transitional）、严格的（Strict）和框架的（Frameset）。
   6. 标签的学习
   （1）html5 划块标签
   header ： 网页头 main ： 网页主体
   section：章节 footer：网页的底部
   以上都是html5标签，
   div: 没有任何样式，只是一个容器
   span:没有任何样式，选中一个范围

    （2） a:超链接 ，跳转页面
   

   首页
   href : 跳转地址
   相对地址：相对于当前页面的地址
   ./ 当前目录 …/ 上一级目录
   / 进行下一级目录
   绝对地址：盘符地址
   （3）基本标签 ：
   p： 段落

   
   默认样式：换行，段前，段后，间距大 h1- h6 :标题标签
   换行，标题前后，间距大，加粗 strong :强调作用 样式：加粗
   em:强调作用，样式：斜体
   ？b,i,font 这些样式标签不用了，为什么？
   搜索引擎优化，标签见名知意，利于爬虫爬取关键字
   hr: 水平线
   br: 换行
   q:短引用
   blockquote:长引用
   
   :表示内容为一个地址， 样式：斜体 html5标签 pre:预文本格式 格式不变 ==================================6. （4）特殊字符 空格：  大于：> 小于：< 版本: © 双引号：" 7. 列表标签 （1）无序列表
   type 属性： 值 描述 disc 默认值。实心圆。 circle 空心圆。 square 实心方块。 （2）有序列表
   值 描述 1 默认值。数字有序列表。（1、2、3、4） a 按字母顺序排列的有序列表，小写。（a、b、c、d） A 按字母顺序排列的有序列表，大写。（A、B、C、D） i 罗马字母，小写。（i, ii, iii, iv） I 罗马字母，大写。（I, II, III, IV） （3） 自定义列表
   标签： table 表格 我 th：列标题 tr:行 td: 单元格 thead,tbody,tfoot ,caption 属性： rowspan 合并列 ,colspan合并行 valign:垂直居中 align：水平居中 注: align ,valign 两个属性，table 不生效 8. img title : 标题, 鼠标移入图片时显示的文字 alt：替换文本，图片加载失败时显示 src : 图片地址（相对、绝对）

   html是用来写网页结构框架的：
   1.分析结构，给页面划块.
   2.使用划块标签分块儿，写好注释
   3.合理运用标签分别写每一块内容

作业：用html写一个网页（大概结构）