英语自定义标签 <i:juzi><i:zhuyu>John Smith</i:zhuyu></i:juzi> 主语谓语宾语
John Smith died in World War Two.
John Smith
killed
three enemy soldiers.
<style>
i\:juzi {
display: block;
margin-bottom: 40px;
font-size: 18px;
}
i\:juzi i\:zhuyu,
i\:juzi i\:dongci,
i\:juzi i\:weiyu,
i\:juzi i\:binyu,
i\:juzi i\:buyu,
i\:juzi i\:biaoyu,
i\:juzi i\:zhuangyu {
font-size: 18px;
border-bottom: 3px solid #004d61;
text-align: center;
padding: 0 5px;
display: inline-block;
position: relative;
font-style: normal;
color: #348498;
height: 24px;
min-width: 40px;
margin-bottom: 35px;
background-color: white;
}
i\:juzi i\:zhuyu::before,
i\:juzi i\:dongci::before,
i\:juzi i\:weiyu::before,
i\:juzi i\:binyu::before,
i\:juzi i\:buyu::before,
i\:juzi i\:biaoyu::before,
i\:juzi i\:zhuangyu::before {
font-size: 14px;
padding: 1px 6px;
border: 0px solid;
border-radius: 5px;
position: absolute;
top: 30px;
text-align: center;
left: calc(50% - 15px - 5px);
width: 28px;
color: white;
}
i\:zhuyu::before {
content: "主语";
background-color: #5bd1d7;
}
i\:dongci::before {
content: "动词";
background-color: #4f4f97;
}
i\:weiyu::before {
content: "谓语";
background-color: #4f4f97;
}
i\:binyu::before {
content: "宾语";
background-color: #ff5f5f;
}
i\:buyu::before {
content: "补语";
background-color: #ff7260;
}
i\:biaoyu::before {
content: "表语";
background-color: #ff7260;
}
i\:zhuangyu::before {
content: "状语";
background-color: #bd75c7;
}
</style>
用法
<i:juzi><i:zhuyu>John Smith</i:zhuyu> <i:dongci>died</i:dongci> <i:zhuangyu>in World War Two</i:zhuangyu>.</i:juzi>
<i:juzi>
<i:zhuyu>John Smith</i:zhuyu>
<i:dongci>killed</i:dongci>
<i:binyu>three enemy soldiers</i:binyu>.
</i:juzi>
英语自定义标签 <i:juzi><i:zhuyu>John Smith</i:zhuyu></i:juzi> 主语谓语宾语的更多相关文章
- java自定义标签 权限
<?xml version="1.0" encoding="UTF-8" ?> <taglib xmlns="http://java ...
- JSP自定义标签开发步骤
自定义的标签库一.基本概念: 1.标签(Tag): 标签,通常也成为动作,是一组按照XML语法格式编写的代码片段,在JSP中,用来封装在页面中可重复利用的逻辑,通过标签可以使JSP网页变得简洁并且易于 ...
- [JSP]自定义标签库taglib
自定义标签的步骤 自定义标签的步骤大概有三步: 1.继承javax.servlet.jsp.tagext.*下提供的几个标签类,如Tag.TagSupport.BodyTagSupport.Simpl ...
- [Java] JSP笔记 - 自定义标签
自定义标签的创建步骤: 自定义标签的四大功能: 自定义标签的类结构: 在 1.0 中呢, 可以将 <body-content> 的值设置为 JSP, 2.0中则不允许在自定义标签体中出现j ...
- thinkphp自定义标签库
thinkphp ~ php中 的类, 的成员变量, 本身是没有类型说明的, 那么我怎么知道它的类型呢? 或初始值呢? 通常在类定义中, 如果能给一个初始值的(对于已知简单类型的),最好给一个初始值, ...
- 12 自定义标签/JSTL标签库/web国际化/java web之设计模式和案例
EL应用 自定义一个标签,实现两个字符串的相加 1回顾 1.1servlet生命周期 init(ServletConfig) service ...
- EL函数以及自定义标签的应用
一.EL函数(调用普通类的静态方法) 编写步骤(自定义EL函数的编写步骤即自定义标签的编写步骤): ①编写一个普通的java类,提供一个静态方法,功能自定,例如下: package cn.wzbril ...
- JSTL 自定义标签
编写描述标签的tld文件,把这个文件放到web-inf/目录下,才能在jsp页面上调用自定义的标签 package test.yz; import java.io.IOException; impor ...
- 使用自定义标签模拟jstl的<c:for each>标签
一.自定义标签的基本编写 下面编写一个自定义标签,它可以输出当前的时间. 1.编写标签类 类可以通过继承SimpleTagSupport类实现一个标签类编写.父类为我们提供了一些编写自定义标签的快捷的 ...
- JSP自定义标签/自定义标签打包
有这样一个业务需求: 当我们在编辑某个用户时,需要设置该用户的角色,在转到编辑页面时,就需要自动勾选上该用户已经选择的角色,如下图: 当我们点击编辑时,会查询用户详细信息,以及角色集合传到编辑页面. ...
随机推荐
- 解决:VScode中 import 后出现no module的问题
问题: ModuleNotFoundError: No module named 'xxx' 除去没有安装包的问题 这个问题还是挺难受的,pycharm和终端都可以运行,只有vscode报错 方法一: ...
- 2.8 CE修改器:寻找共享代码
本关我们将学习共享代码,在C语言中角色属性都是以结构体的方式进行存储的,而结构体所存储的信息都是连续性的,这一关我们将会解释如何处理游戏中的共用代码,这种代码是通用在除了自己以外的其他同类型对像上的常 ...
- IDEA破解激活
!!!不要使用最新2021.2.3以后的版本,没有30天免费试用.推荐使用2021年之前的版本!!! 1: IDEA安装后使用30天免费试用进入,然后找到图中位置点击 2: 点击下图链接下载破解jar ...
- 【树】N叉树的遍历【力扣589、力扣590】超详细的解释和注释
说在前面 欢迎朋友们来到我的博客. 今天我们的重点是,N叉树的遍历. 今天,博主就带来两道经典的题目,领着大家理解N叉树的前序遍历和后序遍历! 当然,还想学习其它算法的朋友们,可以通过订阅博主的算法专 ...
- 使用私有gitlab搭建gitbook持续集成
目录 环境搭建 1. 安装 Node.js 2. 安装 gitbook 3. 安装 Gitlab Runner 4. 注册Runner gitbook 配置 1. 目录结构 2. 命令行 3. 插件 ...
- Spring Cloud Config核心功能和原理解析
配置管理的前世今生 随着技术的发展,配置项管理变得越来越简单,尽管如今它只限于管理业务属性或者配置初始化参数等等,但是当年它可肩负着 Spring IOC 的光荣使命,风光无限. 想当年刚入行的时候还 ...
- (C语言)每日代码||2023.12.24||printf换行的三种方法
#include <stdio.h> int main() { //printf()函数不同参数间可以换行 printf("num one : %d,num two : %d&q ...
- 深入浅出Java多线程(七):重排序与Happens-Before
引言 大家好,我是你们的老伙计秀才!今天带来的是[深入浅出Java多线程]系列的第七篇内容:重排序与Happens-Before.大家觉得有用请点赞,喜欢请关注!秀才在此谢过大家了!!! 在上一篇文章 ...
- 18. 默认堆/创建堆--《Windows核心编程》
Windows 提供了以下三种机制来对内存进行操控虚拟内存:最适合用来管理大量对象数组或者大型数据结构内存映射文件:最适合用来管理大型数据流(通常是文件),以及在同一机器上运行的多个进程之间的共享数据 ...
- Java Calendar 多用,日期 加减
服务需要订购一个月,订购一个月 不等于增加 30天:若是1,3,5的话应该 31天,要善用 Calendar public static void main(String[] args) throws ...