简介

软件组成：客户端+服务器

客户端形式

  • 文字客户端：古老的方式，通过命令行来使用软件
  • 图形化界面：通过点击拖动等来使用软件（C/S）
  • 网页：通过网页来使用软件（B/S）

网页的特点

优点：无需安装、无需更新、跨平台
使用的语言：
HTML（结构，描述页面结构）
CSS（表现，控制页面元素样式）
JavaScript（行为，响应用户操作）

HTML

HTML代表超文本标记语言，是页面的基本结构，可在代码编辑器中写程序再通过浏览器运行结果。

HTML页面内可以包含图片，链接，甚至是音乐，程序等等非文字元素。

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言: HyperText Markup Language
  • 超文本即超链接，使用超链接可以从一个页面跳转到另一个页面
  • HTML 不是一种编程语言，而是一种标记语言
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页，使用标签的形式来标识网页中不同组成部分
  • HTML 文档包含了HTML 标签及文本内容
  • HTML文档也叫做 web 页面

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词，比如 <html>
  • HTML 标签通常是成对出现的，比如<b> 和 </b>
  • 标签对中的第一个标签是开始标签**（开放标签），第二个标签是结束标签**（闭合标签）

<标签>内容</标签>

基础：

<h1>明月安</h1>
<h2>编程序是一种爱好</h2>
<p>编程序可以使你心平气和，可以使你思维有序</p>
<p>当你遇到困难时，需要有坚韧不拔的毅力</p>
<p>当你编程成功时，你会感到一种无与伦比的高兴</p>

image-20200811135312487

进阶：

<html>

    <head>
        <title>知道我在哪吗？</title>
    </head>

    <body>
        <h1>明月安</h1>
        <h2>编程序是一种爱好</h2>
        <p>编程序可以使你心平气和，可以使你思维有序</p>
        <p>当你遇到困难时，需要有坚韧不拔的毅力</p>
        <p>当你编程成功时，你会感到一种无与伦比的高兴</p>
    </body>

</html>
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落