学习html第一天
网站本身就是软件，软件：一种具有特定功能的程序指令的集合
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 就是用来做静态网页的
- 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第一天的更多相关文章
- RabbitMQ学习总结 第一篇：理论篇
目录 RabbitMQ学习总结 第一篇:理论篇 RabbitMQ学习总结 第二篇:快速入门HelloWorld RabbitMQ学习总结 第三篇:工作队列Work Queue RabbitMQ学习总结 ...
- 学习KnockOut第一篇之Hello World
学习KnockOut第一篇之Hello World 笔者刚开始学习KnockOut.写的内容就相当于一个学习笔记.且在此处向官网致敬,比较喜欢他们家的Live Example版块,里面有jsFiddl ...
- ActionBarSherlock学习笔记 第一篇——部署
ActionBarSherlock学习笔记 第一篇--部署 ActionBarSherlock是JakeWharton编写的一个开源框架,使用这个框架,可以实现在所有的Android ...
- Java学习记录第一章
学习Java第一章的记录,这一章主要记录的是Java的最基础部分的了解知识,了解Java的特性和开发环境还有Java语言的优缺点. 计算机语言的发展大概过程:机器语言--->汇编语言---> ...
- oracle学习笔记第一天
oracle学习笔记第一天 --oracle学习的第一天 --一.几个基础的关键字 1.select select (挑选) 挑选出显示的--列--(可以多列,用“,”隔开,*表示所有列),为一条 ...
- javascript的ES6学习总结(第一部分)
ES6(ESNext学习总结——第一部分) ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版. ECMA每年6月份,发布一个版本 201 ...
- Web基础学习---HTML 第一天
Web基础学习---HTML 第一天 1 HTML标签 2.CSS Web开发基础HTML好吧离开Python几天...如何学好前端?? 多去看别人的网站.多看.多写.多练,(知乎.36Kr.)多练就 ...
- QT学习之第一个程序
QT学习之第一个程序 目录 手动创建主窗口 居中显示 添加窗口图标 显示提示文本 Message Box的应用 手动连接信号与槽 手动创建主窗口 窗口类型 QMainWindow: 可以包含菜单栏.工 ...
- 创芯Xilinx Microblaze 学习系列第一集
创芯Xilinx Microblaze 学习系列第一集 Xilinx ISE Design Suite 13.2 The MicroBlaze™ embedded processor soft cor ...
- 学习GO第一天，自我感觉可麻利的开干了-GO语言配置、开发、服务器部署
学习GO第一天,自我感觉可麻利的开干了-GO语言配置.开发.服务器部署 第一步下载 go sdk https://golang.org/dl/ https://storage.googleapis.c ...
随机推荐
- json lib 2.4及其依赖包下载
下载文件地址:https://files.cnblogs.com/files/xiandedanteng/json-lib-2.4%26dependencies_jars.rar 它包括 common ...
- 思维探索者：完善个人知识体系的重要性 Google只会告诉你结果
http://www.nowamagic.net/librarys/veda/detail/1711前面说了,人类解决问题大部分时候会习惯性地使用联想思维,简言之就是首先枚举你关于这个问题能够想到的所 ...
- sakila演示数据库安装
下载地址:https://dev.mysql.com/doc/index-other.html 安装帮助文档:https://dev.mysql.com/doc/sakila/en/sakila-in ...
- 转：3.3V和5V电平双向转换——NMOS管
分简单,仅由3个电阻加一个MOS管构成,电路图如下: 此电路来自于飞利浦的一篇设计指导文档,是I2C总线官方推荐使用的电平转换电路.在实际使用过程中,需要尤其注意NMOS管的选型以及上拉电阻阻值的选取 ...
- windows下rsync部署安装
windows下rsync部署安装 2012-06-05 12:06:13| 分类: 系统 | 标签:rsync windows |字号 订阅 rsync在windows与windows ...
- PHP实现上次登录功能
通过一个sql语句把上次的登录时间给本次登录时间,再把当前时间记录下来 update userinfo set lasttime=userinfo.logintime,logintime= CURR ...
- log4j:WARN Please initialize the log4j system properly.
在tomcat启动的时候,出现这个警告: log4j:WARN No appenders could be found for logger (org.apache.commons.digester. ...
- Mysql 5.7.18 利用 MySQL proxies_priv（模拟角色）实现类似用户组管理
利用 MySQL proxies_priv(模拟角色)实现类似用户组管理 角色(Role)可以用来批量管理用户,同一个角色下的用户,拥有相同的权限. MySQL5.7.X以后可以模拟角色(Role)的 ...
- maven新建项目报错
创建了一个maven项目,报错 Errors occurred during the build. Errors running builder 'Maven Project Builder' on ...
- php eval()计算
php中的eval()函数可以处理php代码,因此可以用此来解决:以字符串格式存储的计算公式 比如: $str='2*(3+12)'; $s=eval("return $str;" ...