JZTXT

web技术期末复习

发布时间 2023-05-27 22:26:27作者: 旁bai

web技术

HTML

一、定义

超文本标记语言

二、主要标记

  1. 文字和段落标记
    (1) 标题字体标记:
<hn></hn>

(2) 文字布局标记:

分段标记<p></p>
换行标记<br>
DIV标记<div> 单独的div标记不能完成任何工作，必须与align属性联合使用
水平线标记<hr>
<hr align = 对齐方式 color = 颜色 size = 粗细 width = 长度 noshade>
其中，align指定对齐方式，color指定水平线的颜色，size指定粗细，width指定线的长度,noshade表示一条无阴影的实线，省略则显示带阴影的三维实线。
  1. 超链接
<a href = URL地址 title = 标题 target = 窗口名称>链接文本</a>

(1)内部链接：链接到本地计算机上的文件
(2)外部链接：链接到非本地计算机上的文件
(3)书签链接：链接到同一页面的某个指定的特定位置

  1. 列表
    (1)无序列表
    (2)有序列表
    (3)定义列表

  2. 表格
    (1)< table > 标记

表格的标记为<table>,行的标记是<tr>,表头的标记是<th>，表项的标记为<td>,其中，<tr>是单标记，一行的结束可以是新行的开始

(2)< caption >标记
用来给表格加标题

<caption align = left|right|top|bottom valign = top|bottom> 标题 </caption>

(3) 跨多行、多列的单元格

跨多列的单元格：
<th colspan = n> 表项 </th> 或 <td colspan = m> 表项 </td>

跨多行的单元格
<th rowspan = n> 表项 </th> 或 <td rowspan = m> 表项 </td>
  1. 表单
  2. 多媒体标记
    图像、视频和音频可以通过< figure >、 < audio > 、< video >来访问

XML

一、概念

  1. SGML、HTML 是XML 的先驱

  2. XML的树结构
    XML是一种元标记语言，用户可以自定义需要的标记

  3. XML 与 HTML 的不同
    (1) XML实现内容与形式的分离
    (2) XML扩展性比HTML强
    (3) XML 的语法比HTML严格
    (4) XML有良好的自描述性

二、XML的语法规则

  1. XML文档的格式
    (1) XML文档由“XML声明”开始
    (2) 有且只有一个根元素
    (3) 所有的XML标记必须成对出现，将数据包围在中间
    (4) 所有的XML标记必须正确嵌套
    (5) XML标记对大小写敏感

  2. XML标记的命名规则
    (1) 名字中可以包含字母、数字以及其它字母
    (2) 名字不能以数字或_开头
    (3) 名字不能以字母xml(或XML、Xml等)开头
    (4) 名字中不能包含空格

  3. XML声明
    告诉浏览器将要处理的文档是XML文件

三、XML文档的显示

原始的XML文档可以用浏览器查看，浏览器将其视为一颗可折叠的树。

XML文档本身并不包含数据显示的信息，如果希望XML文档在浏览器中按照一定的格式显示出来，必须要有一个专门的文件来定制XML文档的显示样式。通常为CSS(层叠样式表)

使用CSS表达页面样式

CSS: 一种标记性语言，用于控制网页样式，允许将网页内容与显示样式分离，为网页里的元素创建在浏览器中的表现样式。以HTML语言为基础，提供了丰富的格式化功能，如字体、颜色、背景和整体排版等。

可以定义HTML文档在浏览器中显示的样式

一、在HTML中使用CSS

  1. 内嵌样式
    对< body >和 < /body >之间的HTML标签直接设置 style 属性为CSS代码。只对所在的 HTML 的标签有效。
<标签名 style = "CSS代码"> </标签名>
  1. 内部样式表
    在 HTML 文档的头部标签定义一对 < style > < /style > 标签。只对当前所在的网页有效。
<style type = "text/css"> CSS 代码 </style>
  1. 外部样式表
    当多个 HTML 网页使用同样的 CSS 规则时，可以将这些 CSS 规则放在一个以.css为扩展名的独立文件中，然后在网页里使用 < link > 引用这个CSS文件。
<link type = "text/css" rel = "stylesheet" href ="CSS文件的URL“/>

使用外部样式表相对于内嵌样式和内部样式表有以下优点：
(1) 样式代码可以复用：一个外部CSS文件可以被很多网页公用
(2) 便于修改
(3) 提高网页现实的速度：缓存原因。

  1. 样式表的优先级顺序（从低到高）
    (1) 浏览器默认：优先级最低
    (2) 外部样式表
    (3) 内部样式表
    (4) 内嵌样式：优先级最高

二、CSS样式规则

  1. 样式规则的基本结构：
    选择器
    属性
    属性值
p{
    text-align:
    color:
    font-family:
}

  1. 样式规则的继承
    嵌套的 HTML 子元素会继承外层的父元素所设置的样式规则。

  2. CSS 选择器
    HTML 页面中的标记都是通过不同的 CSS 选择器去控制的。
    一般而言， CSS 选择器越特殊， 它的优先级越高，也就是选择器的指向越准确，它的优先级就越高。因此，选择器的优先级通常是派生选择器 > ID选择器 > 类选择器 > HTML 选择器。

(1) HTML标签选择器

标签名{属性： 属性值; 属性： 属性值;......}

(2) 类选择器