1关于静态网页的制作

  html主要负责页面的结构+css页面的美观+js与用户的交互、

2html 

  有标签体的标签: <p></p>  <span></span> <div></div>

  没有标签的标签:  <br/>  <hr/>

   html的标签是固定的。是由w3c预先规定好的!!!

3xml和html的简单对比

  xml:(1)可以扩展的标记语言(2)可以自定义标签(3)描述带关系的数据,作为软件的配置文件(包含与被包含)(4)场景比如tomcat的web.xml (5)作为数据的载体:存储mysql数据

  html:(1)超文本标记语言(2)由w3c预先定制好的(3)负责页面的结构

4xml功能

  (1)描述带关系的数据(软件的配置文件)

   (2)作为数据的载体:a系统把相关信息用xml发送,b系统读取xml的内容

5xml语法

  (1)xml文件以.xml结尾。xml文件和html一样,同样能被浏览器解析!

  (2)标签

      (1)标签名不能以数字开头。

      (2)标签名不能有空格

      (3)如果没有名称空间,标签名中间就不能使用:号。

      (4)一个格式良好的xml文档有且仅有一个跟标签。

      (5)区分大小写

6属性

  格式: <标签名 属性名="属性值"/>

    注意:

      1)属性的值必须用双引号或单引号包含,不能省略!

2)在一个标签内属性可以有多个,但不能重复。

7注释

  格式:<!-注释-->

  注释也回被解析

8声明

  格式:<?xml vertion="1.0" encoding="utf-8"?>

  属性

    vertion:xml的版本

    encoding:浏览器打开xml时候查询的编码

  注意: 

    1)保存XML文档的编码和浏览器打开XML的编码要保持一致!而且是支持中文的编码,这样就不会出现中文乱码问题。

    2)在ecpise开发工具中,ecplise工具在保存xml文档时,会自动去按照xml文档声明的encoding编码去保存xml文件,所以用eclipse工具,编写xml文档,只有声明xml的编码就不会有中文乱码问题了!!!

    3)如果是使用记事本编写xml文档时,要注意保存xml文档的编码!!

9例子

员工管理系统(员工对象)

  员工信息: 编号、 姓名、 年龄 、 性别、 籍贯、学校、联系方式

  使用xml文档方式表达。

  student.xml 描述学员信息

  要求: 包含标签、属性、注释、文档声明

  

 <?xml version="1.0" encoding="utf-8"?>
<!-- 编号、 姓名、 年龄 、 性别、 籍贯、学校、联系方式 -->
<studentList>
<student id="200">
<name>王五</name>
<age>18</age>
<gender>男</gender>
<native>重庆</native>
<school>北京大学</school>
<phone>15453431111</phone>
</student>
<student id="101">
<name>小三</name>
<age>20</age>
<gender>男</gender>
<native>日本</native>
<school>东京大学</school>
<phone>1253534111</phone>
</student>
</studentList>

坚持课本教材的结合,好好努力了。以上是根据视频学习的总结勿喷。

  

  

  

xm学习笔记的更多相关文章

  1. java JDK8 学习笔记——第16章 整合数据库

    第十六章 整合数据库 16.1 JDBC入门 16.1.1 JDBC简介 1.JDBC是java联机数据库的标准规范.它定义了一组标准类与接口,标准API中的接口会有数据库厂商操作,称为JDBC驱动程 ...

  2. Matplotlib学习笔记(一)

    原   matplotlib学习笔记 参考:Python数据科学入门教程 Python3.6.1 jupyter notebook .caret, .dropup > .btn > .ca ...

  3. JVM 学习笔记一 :JVM类加载机制

    前言: 最近在看JVM相关资料,这里记录下学习笔记,希望自己能坚持学完,打牢基础.   一.类加载过程 1,类从被加载到JVM中开始,到卸载为止,整个生命周期包括:加载.验证.准备.解析.初始化.使用 ...

  4. Shiro学习笔记总结,附加" 身份认证 "源码案例(一)

    Shiro学习笔记总结 内容介绍: 一.Shiro介绍 二.subject认证主体 三.身份认证流程 四.Realm & JDBC reaml介绍 五.Shiro.ini配置介绍 六.源码案例 ...

  5. Elasticsearch7.6学习笔记1 Getting start with Elasticsearch

    Elasticsearch7.6学习笔记1 Getting start with Elasticsearch 前言 权威指南中文只有2.x, 但现在es已经到7.6. 就安装最新的来学下. 安装 这里 ...

  6. js学习笔记:webpack基础入门(一)

    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...

  7. PHP-自定义模板-学习笔记

    1.  开始 这几天,看了李炎恢老师的<PHP第二季度视频>中的“章节7:创建TPL自定义模板”,做一个学习笔记,通过绘制架构图.UML类图和思维导图,来对加深理解. 2.  整体架构图 ...

  8. PHP-会员登录与注册例子解析-学习笔记

    1.开始 最近开始学习李炎恢老师的<PHP第二季度视频>中的“章节5:使用OOP注册会员”,做一个学习笔记,通过绘制基本页面流程和UML类图,来对加深理解. 2.基本页面流程 3.通过UM ...

  9. 2014年暑假c#学习笔记目录

    2014年暑假c#学习笔记 一.C#编程基础 1. c#编程基础之枚举 2. c#编程基础之函数可变参数 3. c#编程基础之字符串基础 4. c#编程基础之字符串函数 5.c#编程基础之ref.ou ...

随机推荐

  1. C# 利用反射查看类的信息

    using System; using System.Collections; using System.Collections.Generic; using System.Reflection; u ...

  2. Highcharts教程

    Highcharts特性: 兼容性 - 支持所有主流浏览器和移动平台(android.iOS等). 多设备 - 支持多种设备,如手持设备 iPhone/iPad.平板等 免费使用 - 开源免费 轻量 ...

  3. 获取WebView加载HTML时网页中的内容

    main.xml如下: [html] view plaincopy <RelativeLayout xmlns:android="http://schemas.android.com/ ...

  4. Redis环境搭建(Linux)

    1.简介       redis是一个开源的key-value数据库.它又经常被认为是一个数据结构服务器.因为它的value不仅包括基本的string类型还有 list,set ,sorted set ...

  5. Java基础知识强化38:StringBuffer类之StringBuffer的添加功能

    1. StringBuffer的添加功能: public  StringBuffer append(String str):可以把任意类型数据添加到字符串缓冲区里面,并返回字符串缓冲区本身. publ ...

  6. .NET中使用GridView控件输入数据时出现“ Index was out of range. Must be non-negative and less than the size of the collection. Parameter name: index"的问题

    在.NET中使用GridView控件的在线编辑数据时,出现了“ Index was out of range. Must be non-negative and less than the size ...

  7. 《第一行代码》学习笔记38-服务Service(5)

    1.希望服务一旦启动就立刻去执行某个动作,可以将逻辑写在onStartCommand()方法里. 2.onCreate()和onStartCommand()的区别:onCreate()方法是在服务第一 ...

  8. openfire spark 二次 开发 服务插件

    ====================  废话 begin   ============================ 最近老大让我为研发平台增加即时通讯功能.告诉我用comet 在web端实现即 ...

  9. [Leetcode][001] Two Sum (Java)

    题目在这里: https://leetcode.com/problems/two-sum/ [标签]Array; Hash Table [个人分析] 这个题目,我感觉也可以算是空间换时间的例子.如果是 ...

  10. css3之background

    background background: (1)url(image1.png) right bottom, (2)url(image2.png) center, (3)url(image3.png ...