概述
1、域名 ——DNS域名解析——→ip地址
2、数据库与服务器:
数据库搭配组合:
- ASP→Access数据库
- ASP.Net→MSSQL数据库
- JSP→Oracle 、DB2数据库
- PHP→MySQL数据库
web服务器搭配组合
- IIS服务器→ASP/ASP.Net
- Tomcat服务器→JSP
- Nginx服务器→PHP
3.web标准
-
结构化标准语言:
xml(网络数据的转换和描述);
xhtml(html→xml 的转换) -
表现标准:
css(布局) -
行为标准
DOM(文档对象模型):浏览器、平台和语言的标准接口
ECAMScript:标准脚本语言
html
结构
<!--文档类型声明-->
<!DOCTYPE html>
<!--html网页开始标记-->
<html lang="en">
<!--定义html网页的头部-->
<head>
......
</head>
<!--html主体-->
<body>
......
</body>
</html>
标签
- DOCTYPE
<!DOCTYPE html>
- html
<html lang="en">
</html>
- head
可添加元信息(meta)层叠样式表(css)外部脚本(javascript)。
<head>
<!--http-equiv ≈http协议文件头,前面装属性,Content装属性值-->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta http-equiv="Content-Language" content="zh-cn">
<!--name-->
<meta name="author" content="girl">
<!--link 定义文档和外部资源的关系-->
<!--定义外部css表-->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!--样式定义-->
<style type="text/css">
h1{font:bold}
</style>
<!--引入脚本文件-->
<script type="text/javascript">
document.write("hello html")
</script>
<!--网页标题-->
<title>xxxxx</title>
</head>
一些重要功能
refresh(重定向)
<meta http-equiv="refesh" content="1;url=http:// xxx.xxx.xxx ">
base(基底网址)
css引用
<!--外链式:页面需要很多样式时,可修改一个css文件夹,改变整个样式风格-->
<link rel="stylesheet" type="text/css" href="style.css">
<!--嵌入式:单个页面需要定制样式-->
<style type="text/css">
body{background-color:white}}
p{margin:8px;padding:8px}
</style>
<!--内联式:个别元素需要单独样式-->
<p style="color:black;margin:16px">
this is a inline-css paragraph.
</p>
css
应用css表一般:DIV+CSS布局方式
class和id的区别
class
class在程序中称类
class(类)在同一个html网页页面可以无数次的调用相同的class类
id
ID是表示着标签的身份,是标签的唯一标识,同样ID在页面里也只能出现一次,并且是唯一性
/*class定义*/
.css5{属性:属性值;}
/*id定义*/
#css5{属性:属性值;}
#css5{height:25px;width: 200px;}
<!--class调用-->
<div class="css5">我是class例子</div>
<!--id调用-->
<div id="css5">我是ID例子</div>