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. spark 性能调优(一) 性能调优的本质、spark资源使用原理、调优要点分析

    转载:http://www.cnblogs.com/jcchoiling/p/6440709.html 一.大数据性能调优的本质 编程的时候发现一个惊人的规律,软件是不存在的!所有编程高手级别的人无论 ...

  2. [NOI2011]阿狸的打字机——AC自动机之fail树的利用

    Description 阿狸喜欢收藏各种稀奇古怪的东西,最近他淘到一台老式的打字机.打字机上只有28个按键,分别印有26个小写英文字母和'B'.'P'两个字母. 经阿狸研究发现,这个打字机是这样工作的 ...

  3. Python之旅:并发编程之多线程理论部分

    一 什么是线程 在传统操作系统中,每个进程有一个地址空间,而且默认就有一个控制线程 线程顾名思义,就是一条流水线工作的过程,一条流水线必须属于一个车间,一个车间的工作过程是一个进程 车间负责把资源整合 ...

  4. linux Git版本控制学习与Git服务器搭建

    来源地址 要随时掌握工作区的状态,使用git status命令. 如果git status告诉你有文件被修改过,用git diff可以查看修改内容. 初始化一个Git仓库,使用git init命令. ...

  5. noip2017考前整理(未完)

    快考试了,把我以前写过的题回顾一下.Noip2007 树网的核:floyd,推出性质,暴力.Noip2008 笨小猴:模拟Noip2008 火柴棒等式:枚举Noip2008 传纸条:棋盘dpNoip2 ...

  6. sqlalchemy外键关联

    一.创建两张表,并关联外键 导入ForenginKey模块 # -*- coding: UTF-8 -*- from sqlalchemy import create_engine from sqla ...

  7. Casting a Classifier into a Fully Convolutional Network将带全连接的网络做成全卷积网络

    详见:http://nbviewer.jupyter.org/github/BVLC/caffe/blob/master/examples/net_surgery.ipynb 假设使用标准的caffe ...

  8. Hadoop基础-MapReduce的工作原理第一弹

    Hadoop基础-MapReduce的工作原理第一弹 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 在本篇博客中,我们将深入学习Hadoop中的MapReduce工作机制,这些知识 ...

  9. bzoj千题计划171:bzoj2456: mode

    http://www.lydsy.com/JudgeOnline/problem.php?id=2456 任意删除序列中两个不同的数,众数仍然是众数 不停的删,剩下的最后的数一定是众数 具体实现: 记 ...

  10. bzoj千题计划167:bzoj3527: [Zjoi2014]力

    http://www.lydsy.com/JudgeOnline/problem.php?id=3527 给出n个数qi,给出Fj的定义如下: 令Ei=Fi/qi,求Ei.      以n=4为例: ...