使用自定义HTML标签来进行网页设计

人生如丶戏子

人生如丶戏子

2016-02-19 21:40

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐使用自定义HTML标签来进行网页设计,无聊中的都看过来。

  如果能在自己的网页中使用自定义的标签是不是很酷呢,比如用你的网站的域名、用你的网名、用你所爱的人的名字来定义HTML标签并内嵌到网页中,本文就介绍一下这方面的内容。

  本文以我的网名的拼音为例来自定义HTML标签。

网名:龙犊,拼音:longdu

  首先需要在html标签中进行这样的申明:html xmlns:longdu,xmlns即xml name space的缩写,是HTML标记的命名空间属性:一般其声明在元素开始标记的地方。只要在这里申明了我要使用的longdu这一自定义标签,语法分析器就会认识这个标签并赋予我定义的属性了。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  下面我们来定义一下这个标签所要使用的属性了,在style/style标签中加入下面的语句即:

以下是引用片段:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

style type="text/css"
longdu:my{border:1px solid #ccc;background-color:#efefef;font-weight:bold;}
/style

  上面这段代码自定义了longdu:my/longdu:my这个闭合标签的显示属性。:是自定义标签前缀。

  当然,你还可以这样定义:

以下是引用片段:
style type="text/css"
longdu:your{border:1px solid red;background-color: #FFF5F4;font-weight:bold;}
/style

  它定义的是longdu:your/longdu:your闭合标签的样式属性。

  完整的代码:

以下是引用片段:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns:longdu
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title使用自定义标签/title
style type="text/css"
longdu:my{border:1px solid #ccc;background-color:#efefef;font-weight:bold;}
longdu:your{border:1px solid red;background-color: #FFF5F4;font-weight:bold;}
/style
/head
body
longdu:my我是龙犊/longdu:my
longdu:your你是龙犊/longdu:your
/body
/html

展开更多 50%)
分享

猜你喜欢

使用自定义HTML标签来进行网页设计

Web开发
使用自定义HTML标签来进行网页设计

JSP 自定义标签

Web开发
JSP 自定义标签

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

使用静态类实现JSP自定义标签

Web开发
使用静态类实现JSP自定义标签

JSP的自定义标签

Web开发
JSP的自定义标签

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

jsp 自定义分页标签

Web开发
jsp 自定义分页标签

JSP自定义标签试验

Web开发
JSP自定义标签试验

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

在QQ邮件正文中添加图片

在QQ邮件正文中添加图片

Sun预计在年底之前将公开全部Java源代码

Sun预计在年底之前将公开全部Java源代码
下拉加载更多内容 ↓