HTML:负责网页结构的
CSS:负责网页的样式(美观)
JavaScript:负责客户(浏览器)端与用户进行交互

1、HTML语言的特点

1.由标签组成
    2.语法结构松散
    3.大小写不区分
    4.结束标签与开始标签不一定匹配

2、XML语言的特点

xml文件是以xml后缀结尾
xml文件需要使用xml解析器去解析.浏览器内置了xml解析器

语法:<student>student</student> 开始标签 标签内容 结束标签
    1.xml标签区分大小写.
    2.xml标签一定要正确的配对
    3.不能以数字开头
    4.xml标签中间不能有空格

3、HTML和XML的区别

  HTML(超文本标记性语言) xml(可扩展标签语言)
标签: 标签是w3c组成指定,是固定的,约100 这个由开发者自定义的(要按照一定语法定义)
作用: 负责网页的结构 负责带关系的数据(作为软件的配置文件):如下所示
properties文件:key-value
<user>
  <name>jack</name>
  <passworld>123456</passworld>
</user>
作为数据库的载体(存储数据,小型"数据库")【实际上,不是数据库】

4、XML的属性

1.属性值必须用引号包含,不能省略,也不能单双混用!!!
    2.一个标签内可以有多个属性,但是不能出现重复的属性名!!!

5、特殊字符(转义字符)

  <         &lt;
  > &gt;
  " &quot;
  空格 &nbsp;

6、实例

例1:

 <?xml version="1.0" encoding="utf-8"?><!-- 指定编码形式 -->

 <!-- CDATA块:作用是,将该块中的内容以文本的形式显示出来

     特殊字符(转义字符):
  < &lt;
   > &gt;
   " &quot;
   空格 &nbsp;
-->
<contactList>
<contact>
<num>007</num>
<name>张三</name>
<age>500</age>
<phone>18164109591</phone>
<email>872855221@qq.com</email>
<QQ>872855221</QQ>
</contact>
<contact>
<![CDATA[
<num>008</num>
<name>李四</name>
<age>18</age>
<phone>13884109591</phone>
<email>152755221@qq.com</email>
<QQ>152755221</QQ>
]]>
</contact>
&lt;p&gt;hello&lt;/p&gt;
</contactList>

例1结果图

例2:

 <?xml version="1.0" encoding="utf-8"?><!-- 指定编码形式 -->
<?xml-stylesheet type="text/css" href="contacts.css"?> <!-- 作用:在浏览器中显示时,只显示标签中的内容,不显示标签。后面href中的内容是用来调样式的css文件 -->
<!--
需求:通讯录系统
联系人数据:编号,(唯一) 姓名 年龄 电话 邮箱 QQ
要求:
1.设计一个xml文件,用于存储联系人信息数据
2.这个xml文件是可以存储多个联系人的
--> <contactList>
<contact>
<num>007</num>
<name>张三</name>
<age>500</age>
<phone>18164109591</phone>
<email>872855221@qq.com</email>
<QQ>872855221</QQ>
</contact>
<contact>
<num>008</num>
<name>李四</name>
<age>18</age>
<phone>13884109591</phone>
<email>152755221@qq.com</email>
<QQ>152755221</QQ>
</contact>
&lt;p&gt;hello&lt;/p&gt;
</contactList>

contacs.css文件

例2结果图

原创作者:DSHORE

作者主页:http://www.cnblogs.com/dshore123/

原文出自:https://www.cnblogs.com/dshore123/p/9541309.html

欢迎转载,转载务必说明出处。(如果本文对您有帮助,可以点击一下右下角的 推荐,或评论,谢谢!

java基础70 负责静态的网页制作语言XML(网页知识)的更多相关文章

  1. Java基础83 JSP标签及jsp自定义标签(网页知识)

    1.JSP标签 替代jsp脚本,用于jsp中执行java代码1.1.内置标签:  <jsp:forward></jsp:forward>  相当于:request.getReu ...

  2. java基础54 网络通讯的三要素及网络/网页编程的概述

    1.概述 网络编程注意解决的是计算机(手机.平板.....)之间的数据传输问题.        网络编程:不需要基于html基础上,就可以进行数据间的传输.比如:FeiQ.QQ.微信.....     ...

  3. Java 基础之 static 静态

    static表示“全局”或者“静态”的意思,用来修饰成员变量和成员方法,也可以形成静态static代码块,但是Java语言中没有全局变量的概念. 被static修饰的成员变量和成员方法独立于该类的任何 ...

  4. java基础-Map的静态初始化以及Map的遍历等.....................

    1.map的静态初始化,以及map遍历的几种方法: package com.cy.test; import java.util.HashMap; import java.util.Iterator; ...

  5. 【JAVA基础&Python】静态/非静态代码块

    /* * * static静态代码块: * 调用静态属性的时候 对应类里面的静态代码块就会被直接执行 * 注意: 只会执行一次,只能调用类内静态结构的(方法/属性) * 作用: 初始化类的属性 * * ...

  6. java基础59 JavaScript运算符与控制流程语句(网页知识)

    1.JavaScript运算符 1.1.加减乘除法 加法:+(加法,连接符,正数)          true是1,false是0    减法:-    乘法:*    除法:/ 1.2.比较运算符 ...

  7. 网页制作常用的CSS知识

    在制作网页中,我们会用到很多CSS的知识,在这里我简单的总结了一些. div    划分区块 ul,li 无序列表(配合划分区块) ol,li 有序列表 a 超链接标签 p 段落标签 h 标题标签 i ...

  8. JAVA基础针对自己薄弱环节总结01(循环之前的知识)

    java中的标识符 组成:数字.字母.下划线.美元$符号组成.  规则:不能由数字开头.  类名:每一个单词的首字母大写  包名:所有小写  变量名.方法名:第一个单词首字母小写.后面首字母大写  常 ...

  9. 《Java基础复习》—常识与入门

    突然发现自己Java基础的底子不到位,复习! 所记知识会发布在CSDN与博客网站jirath.cn <Java基础复习>-常识与入门 一.Java语言的知识体系图 分为三部分 编程语言核心 ...

随机推荐

  1. 解题:SCOI 2008 配对

    题面 如果没有两个数不能相同这个限制就两个数组排序后贪心即可.现在加上这个限制,注意到每个数组中的数是两两不同的,所以每次一定能在前面或后面一个数中找一个换过来,这样每次考虑相邻三个数转移就可以了,注 ...

  2. 微信开发使用 frp 实现本地测试

    前提条件: 1.有公网服务器(如阿里云) 2.需要独立的 80 端口,也就是说,想要实现这个目标,服务器上不能跑 nginx 之类占用 80 端口的程序 3.有可以测试使用的域名,并解析到上面说的公网 ...

  3. R语言 线性回归

    0 引言 初学者,对于一些运行结果不是很清楚,所以看了一些课本和资料,这里做一个记录而已. 1 线性回归模型的结果分析 结果的解释: “call”:指出线性回归的公式 “Residuals”:之处从实 ...

  4. 完美配置Python3.5+Anaconda+PyQt5,实现UI和其他模块的结合

    sklearn实战-乳腺癌细胞数据挖掘(博主亲自录制视频) https://study.163.com/course/introduction.htm?courseId=1005269003& ...

  5. (转) 经典功率谱估计及Matlab仿真

    原文出自:http://www.cnblogs.com/jacklu/p/5140913.html 功率谱估计在分析平稳各态遍历随机信号频率成分领域被广泛使用,并且已被成功应用到雷达信号处理.故障诊断 ...

  6. 介绍——基于类的视图(class-based view)

    ​刚开始的时候,django只有基于函数的视图(Function-based views).为了解决开发视图中繁杂的重复代码,基于函数的通用视图( Class-based generic views) ...

  7. Java并发编程原理与实战十二:深入理解volatile原理与使用

    volatile:称之为轻量级锁,被volatile修饰的变量,在线程之间是可见的. 可见:一个线程修改了这个变量的值,在另一个线程中能够读取到这个修改后的值. synchronized除了线程之间互 ...

  8. Java并发编程原理与实战五:创建线程的多种方式

    一.继承Thread类 public class Demo1 extends Thread { public Demo1(String name) { super(name); } @Override ...

  9. angularJS 控制输入的百分数在0%-100%之间

    想了老半天了,记录一下 app.directive("percentageCheck", function () { return { restrict: 'A', require ...

  10. Kafka安装验证及其注意

    一.Zookeeper 配置文件说明: # the directory where the snapshot is stored. dataDir=/tmp/zookeeper # the port ...