XML + XSL + JS 构建小型Web App (十一)

博客给出了样式单文件源代码,主要用于表格构建。代码包含 XML 声明、XSL 样式表定义,在模板匹配中构建 HTML 页面,设置表格、单元格样式,还展示了如何从数据中提取姓名、性别等信息并显示在表格中。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

样式单文件源代码 (主要是表格的构建:) ):<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

<?xml version="1.0" encoding="GB2312"?>

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:fo="http://www.w3.org/1999/XSL/Format" xml:space="preserve">

<xsl:output encoding="gb2312"/>

<xsl:template match="/履历列表/履历元素">

<html>

<head>

<title>

<xsl:value-of select="/姓名"/>个人简历</title>

<style>

table{cellpadding:0;cellspacing:0;border-collapse:collapse;}

td{border:1px solid black;font-size:12px;}

th{border:1px solid black;font-size:12px;}

p{font-size:12px;}

</style>

</head>

<body>

<p style="font-weight:800;font-size:24px;" align="center">

<xsl:value-of select="/姓名"/>

个人简历

</p>
<p align="center">

<table width="600px">

<tr>

<th width="15%">姓名</th>

<td width="15%">

<xsl:value-of select="/姓名/"/>

<xsl:value-of select="/姓名/"/>

</td>

<th width="15%">性别</th>

<td width="15%">

<xsl:value-of select="/性别"/>

</td>

<td rowspan="3" width="15%">

<img alt="照片" width="100px" src="{/照片路径/@val}"/>

</td>

</tr>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值