一.客户端与服务器

1.通常情况,软件由两部分组成

(1)服务器:在远程处理事务逻辑
(2)客户端:用户通过客户端使用软件

2.客户端分类

(1)文字客户端:通过命令行使用软件
(2)图形化界面:通过点击拖动使用软件
(3)网页:通过访问网页使用软件

二.网页

1.优点(相比图形化界面):无需安装,更新;跨平台

2.语言:HTML CSS JavaScript

3.结构:根据W3C标准 一个网页由三部分组成

(1)结构:HTML用于控制页面结构

(2)表现:CSS用于控制页面中元素的样式

(3)行为:JavaScript用于响应用户操作

4.前端工程师编写页面源代码 浏览器将其渲染成现在看到的样子

5.结构

前端入门 - 图1

三.第一个网页

1.必须要纯文本

293b711bfde6f391ec45691af0996c3.png

2.后缀名必须是.html

d8f72f62cb1b21d4c7a95689f766cc1.png image.png

3.双击打开就是简易界面

a83beb087e1b920bcfb897789c6593d.png

4.加入标签 再次打开(演示)

  1. <html>
  2. <head>
  3. <title>第一个简易网页</title>
  4. </head>>
  5. <body>
  6. <h1>小儿垂钓</h1>
  7. <h2>胡令能〔唐代]</h2>
  8. <p>蓬头稚子学垂纶,侧坐莓苔草映身。</p>
  9. <p>路人借问遥招手,怕得鱼惊不应人。</p>
  10. </body>
  11. </html>

b78c2e410b228a3a2d471683d8abc6e.png