学习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 ...
随机推荐
- java中日期格式的转换和应用
java中主要有3个类用于日期格式转换 DateFormat .SimpleDateFormat.Calendar SimpleDateFormat函数的继承关系: java.lang.Obje ...
- codeforces 204（Div.1 A) Little Elephant and Interval(贪心)
题意: 有一种个位数与最高位数字相等的数字,求在l,r的范围内,这样的数字的个数. 思路: 找下规律就知道当当n>10的时候除去个位以后的答案等于n/10,然后考虑第一个数字是否小于最后一个.小 ...
- 以前整理的网络上免费API接口
以前整理的一些免费的API接口,具体是否好用还需要时间测试,但是先分享给大家. 天气接口 聚合数据: http://op.juhe.cn/onebox/weather/query 用例 官方文档 来源 ...
- C++里面定时器的使用
说白了就是三个函数的使用: SetTimer(20, 20, 0); //第一个20表示此定时器的标识符,第二个20表示你要定的时间,第三个不用管,设0即可. void CLMS511_interfa ...
- Web安全系列（二）：XSS 攻击进阶（初探 XSS Payload）
什么是 XSS Payload 上一章我谈到了 XSS 攻击的几种分类以及形成的攻击的原理,并举了一些浅显的例子,接下来,我就阐述什么叫做 XSS Payload 以及从攻击者的角度来初探 XSS 攻 ...
- Android学习笔记(24):进度条组件ProgressBar及其子类
ProgressBar作为进度条组件使用,它还派生了SeekBar(拖动条)和RatingBar(星级评分条). ProgressBar支持的XML属性: Attribute Name Related ...
- 取出所有的Map集合
public static void main(String[] args) { Map<Integer, String> map = new HashMap<Integer, St ...
- EventListener中的handleEvent
在研究代码时发现类似这样一段代码: function TEST() {} TEST.prototype = { init:function() { window.addEventListener('m ...
- 不安装Oracle客户端也能使用PL/SQL
解压缩 instantclient_12_1 到 D:\Oracle\instantclient_12_1 在文件夹内建立目录, /NETWORK/ADMIN 在该目录下,新建文件tnsnames.o ...
- hibernate3中session.get()与session.load()两个方法的区别?
1.发送sql的时机不同:load采用延迟加载技术,只有当真正去使用所查处的对象时,才会发送sql:get采用的是立即检索技术,当执行到get方法是就会立即发送sql. 2.返回的对象不同:load返 ...