html和css学习笔记

概述

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标准

  1. 结构化标准语言:
    xml(网络数据的转换和描述);
    xhtml(html→xml 的转换)

  2. 表现标准:
    css(布局)

  3. 行为标准
    DOM(文档对象模型):浏览器、平台和语言的标准接口
    ECAMScript:标准脚本语言

html

结构

<!--文档类型声明-->
<!DOCTYPE html>
<!--html网页开始标记-->
<html lang="en">
    <!--定义html网页的头部-->
    <head>
        ......
    </head>
    <!--html主体-->
    <body>
        ......
    </body>
</html>

标签

  1. DOCTYPE
<!DOCTYPE html>
  1. html
<html lang="en">
</html>
  1. 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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值