网站本身就是软件,软件:一种具有特定功能的程序指令的集合

C/S:C客户端-->S服务器  由程序员开发  客户去下载升级安装,比如魔兽世界

B/S:B浏览器-->S服务器  由程序员开发维护升级,使用浏览器打开,比如网站

现在有许多C/S软件向B/S过度

哪些在客户端工作,哪些在服务端工作?

客户端:html div css js jquery

服务器端:php java .net c c++  ruby 数据库

网站开发的顺序:

1.html div css 页面处理

2.ruby mysql js jquery

静态网页:不与数据库挂接的就是静态网页

动态网站:与静态网页相反

html div  css 就是用来做静态网页的

  1. html 标记语言,用特定单词或者字母组合表示特定含义

格式:<单词或字母组合>

单标记 <单词或字母组合 />  /表示关闭的意思

双标记 <单词或字母组合>  </单词或字母组合>

注意:浏览器通用标记语言是html

任何的编辑工具都可以编辑html语言,文件以.htm  .html  .shtml这三种形式结尾

html标记:br  p  hn  hr  font   img  注释

注意:网站的首页一般用 index.html 或者 default.html 所有的静态页面都可以双击打开

index 索引(编号)

<html lang="en">

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

你好

哈哈

</body>

</html>

在浏览器中的显示是

这是因为浏览器在解释大段空白的时候,解释成一个空格

<html lang="en">

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

你好 <br/>哈哈

</body>

</html>

中间的<br/>就是换行的标记,也可以写成<br>

<html lang="en">

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

你好<p>哈哈</P>真高兴

</body>

</html>

p标是双标记它的作用就是在在内容前后加上空行,效果如下:

<html lang="en">

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

你好<h1>哈哈</h1>真高兴

</body>

</html>

hn标记中的n可以取1--6的值,数值越大字体越小,下面分别是n取1和6的效果

font标记控制文字属性,比如color=”#FF0000” size=“1” size代表字体大小,取值范围为-1--6,值越大字体越大,第三个属性face=”楷体“ face文字的书法体 用法如下:

<html lang="en">

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

你好<font color="FF0000" size="3" face="楷体">哈哈</font>真高兴

</body>

</html>

效果如下:

学习html第一天的更多相关文章

  1. RabbitMQ学习总结 第一篇:理论篇

    目录 RabbitMQ学习总结 第一篇:理论篇 RabbitMQ学习总结 第二篇:快速入门HelloWorld RabbitMQ学习总结 第三篇:工作队列Work Queue RabbitMQ学习总结 ...

  2. 学习KnockOut第一篇之Hello World

    学习KnockOut第一篇之Hello World 笔者刚开始学习KnockOut.写的内容就相当于一个学习笔记.且在此处向官网致敬,比较喜欢他们家的Live Example版块,里面有jsFiddl ...

  3. ActionBarSherlock学习笔记 第一篇——部署

    ActionBarSherlock学习笔记 第一篇--部署          ActionBarSherlock是JakeWharton编写的一个开源框架,使用这个框架,可以实现在所有的Android ...

  4. Java学习记录第一章

    学习Java第一章的记录,这一章主要记录的是Java的最基础部分的了解知识,了解Java的特性和开发环境还有Java语言的优缺点. 计算机语言的发展大概过程:机器语言--->汇编语言---> ...

  5. oracle学习笔记第一天

    oracle学习笔记第一天 --oracle学习的第一天 --一.几个基础的关键字   1.select select (挑选) 挑选出显示的--列--(可以多列,用“,”隔开,*表示所有列),为一条 ...

  6. javascript的ES6学习总结(第一部分)

    ES6(ESNext学习总结——第一部分) ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版. ECMA每年6月份,发布一个版本 201 ...

  7. Web基础学习---HTML 第一天

    Web基础学习---HTML 第一天 1 HTML标签 2.CSS Web开发基础HTML好吧离开Python几天...如何学好前端?? 多去看别人的网站.多看.多写.多练,(知乎.36Kr.)多练就 ...

  8. QT学习之第一个程序

    QT学习之第一个程序 目录 手动创建主窗口 居中显示 添加窗口图标 显示提示文本 Message Box的应用 手动连接信号与槽 手动创建主窗口 窗口类型 QMainWindow: 可以包含菜单栏.工 ...

  9. 创芯Xilinx Microblaze 学习系列第一集

    创芯Xilinx Microblaze 学习系列第一集 Xilinx ISE Design Suite 13.2 The MicroBlaze™ embedded processor soft cor ...

  10. 学习GO第一天,自我感觉可麻利的开干了-GO语言配置、开发、服务器部署

    学习GO第一天,自我感觉可麻利的开干了-GO语言配置.开发.服务器部署 第一步下载 go sdk https://golang.org/dl/ https://storage.googleapis.c ...

随机推荐

  1. netty实现长连接心跳检

    主要逻辑: 使用netty实现长连接,主要靠心跳来维持服务器端及客户端连接. 实现的逻辑主要是: 服务器端方面: 1, 服务器在网络空闲操作一定时间后,服务端失败心跳计数器加1. 2, 如果收到客户端 ...

  2. springBoot与多数据源的配置

    http://www.cnblogs.com/shenlanzhizun/p/5846475.html 最近有点忙,更新有点慢.今天进来说说一说springBoot中如何配置多数据源. 第一,新建一个 ...

  3. HBase1.0以上版本号的API改变

    HBase1.0以上版本号已经废弃了 HTableInterface,HTable,HBaseAdmin等API的使用.新增了一些API来实现之前的功能: Connectioninterface: C ...

  4. 【AngularJS】【01】简介

    ※文件引自OneDrive,有些人可能看不到

  5. TP5结合聚合数据API查询天气

    php根据城市查询天气情况看到有人分享java的查询全国天气情况的代码,于是我想分享一个php版本的查询天气接口.免费查询天气的接口有很多,比如百度的apistore的天气api接口,我本来想采用这个 ...

  6. Odoo11 新功能 : 栏位隐藏

        Odoo11增加了一个 新的 modifier-. 先上 前端框架代码     invisible / readonly / required 这几个 是经常在用的, column_invis ...

  7. Android - 单例模式(singleton)的使用

    单例模式(singleton)的使用 本文地址:http://blog.csdn.net/caroline_wendy 单例(singleton)是特殊的Java类,在创建实例时.一个类仅同意创建一个 ...

  8. 使用HTML5制作简单的RPG游戏

    很久以前就想着做一个游戏,但什么都不会又不知道从哪里开始,胡乱找来一些书籍和资料结果太深奥看不懂,无奈只能放弃.这一弃就是十多年,倥偬半生,眼看垂垂老矣,还是没能有什么成果. 近年来游戏引擎越来越多, ...

  9. 使用java+TestNG进行接口回归测试

    TestNG是一个开源自动化测试框架,“NG”表示下一代(Next Generation的首字母). TestNG类似于JUnit(特别是JUnit 4),但它不是JUnit框架的扩展,相较于Juni ...

  10. 多媒体开发之---h264中 的RTP PAYLOAD 格式

    H.264 视频 RTP 负载格式 1. 网络抽象层单元类型 (NALU) NALU 头由一个字节组成, 它的语法如下: +---------------+      |0|1|2|3|4|5|6|7 ...