码迷,mamicode.com
首页 > Web开发 > 详细

学习html第一天

时间:2016-07-10 23:03:19      阅读:249      评论:0      收藏:0      [点我收藏+]

标签:

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

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

B/SB浏览器-->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的值,数值越大字体越小,下面分别是n16的效果

 技术分享

 技术分享

 

font标记控制文字属性,比如color=”#FF0000” size=1size代表字体大小,取值范围为-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第一天

标签:

原文地址:http://www.cnblogs.com/linuxboke/p/5658596.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!