使用area标签模仿a标签

众所周知,map标签可以给img图像标记热点区域,而area标签就是跟map标签一起使用的. 但area标签的作用可不止用来标记热点,因为它也有href属性,因此某些场景可以代替a标签进行页面跳转. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style ty…

学习jsp不得不学习jsp标签,一般来说,对于一个jsp开发者,可以理解为jsp页面中出现的java代码越少,对jsp的掌握就越好,而替换掉java代码的重要方式就是使用jsp标签. jsp标签的分类: 1)内置标签(动作标签): 不需要在jsp页面导入标签 2)jstl标签: 需要在jsp页面中导入标签 3)自定义标签 : 开发者自行定义,需要在jsp页面导入标签 1.内置标签(动作标签): <jsp:forward />转发标签: 语法:<jsp:forward page=&quo…

20190322-a标签、img标签、三列表、特殊字符实体、表格

目录 1.a标签 a标签的属性锚点 2.img标签 img标签的属性图像热区 3.三列表有序列表(Ordered List) ol>li 无序列表(Unordered List) ul>li 定义列表(Definition List) dl>dt/dd 列表样式(list-style-type) 4.特殊字符实体 <(大于号) < >(小于号)> &(和)& “”(引号) " (空格) …

03-body标签中相关标签

今日主要内容: 列表标签 <ul>.<ol>.<dl> 表格标签 <table> 表单标签 <fom> 一.列表标签列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:list item,“列表项”的意思. 示例: <ul> <li>张三</li> <li>李四</…

python 全栈开发，Day46(列表标签,表格标签,表单标签,css的引入方式,css选择器)

一.列表标签列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:list item,“列表项”的意思. 示例: <body> <ul> <li>张三</li> <li>李四</li> <li>王五</li> </ul> </body> 网页效果: 注意: li…

03-body标签中相关标签-2

主要内容: 列表标签 <ul>.<ol>.<dl>表格标签 <table>表单标签 <form> 一.列表标签列表标签分为三种. 无序列表有序列表定义列表 1.无序列表<ul>,无序列表中的每一项是<li> 1.1.英文单词解释如下:ul:unordered list,“无序列表”的意思.li:list item,“列表项”的意思. 示例: <ul> <li>Tom</li> &l…

前端之body标签中相关标签（二）

一列表标签列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: a.ul:unordered list,“无序列表”的意思. b.li:list item,“列表项”的意思. 示例: <ul> <li>张三</li> <li>李四</li> <li>王五</li> </ul> 效果: 注意: a.li不能单独存在,必须包裹在ul里面:反过来说,u…

Kure讲HTML_div标签和table标签

为什么要把这两个标签放在一起讲? 个人认为div标签可以算是一个万能标签,它可以通过CSS(层叠样式表)来模仿表格的形式来生成一个表格.那么很多人可能会疑惑那在开发的时候,到底是用div+css的形式实现一个表格组件,还是通过table实现一个表格. 个人觉得div实现的表格不具有语义化,不利于做seo(即搜索引擎优化技术,一句话就解释就是你的seo搞的好,那么网站容易被百度,谷歌等的搜索引擎查询到,这对于产品的推广可是个不小的影响.),因此你可以这么想,如果你做的是OA系统(办公自动化系统),…

Day46（列表标签，表格标签，表单标签，css的引入方式，css选择器）

一.列表标签列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:list item,“列表项”的意思. 示例: <body> <ul> <li>张三</li> <li>李四</li> <li>王五</li> </ul> </body> 网页效果: 注意: li…

html-body标签中相关标签 02

今日主要内容: 列表标签 <ul>.<ol>.<dl> 表格标签 <table> 表单标签 <fom> 一.列表标签列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:list item,“列表项”的意思. 示例: <ul> <li>张三</li> <li>李四</…

h1、h2、h3标签及strong标签对页面seo的影响

今天和大家来聊下h1,h2,h3,strong几个标签,在网页中的使用对页面seo的影响,也阐述了个人的一些想法. 首先简要讲下H标签及strong标签的含义:<h1>.<h2>.<h3>.<h4>.<h5>.<h6>,作为标题使用,h1是最大的标题,h6标签是最小的标题,在使用h标签过程中应该是完整有序没有断层的.例如:h1.h2.h3.h4这样的顺序,象h1.h3.h4就漏掉h2.一个结构良好的网页,h标签可以组织起一个网页的大纲…

H5 表格标签的其它标签

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格标签的其它标签</title></head><body><!-- 感谢极客江南 1.表格标题在表格标签中提供了一个标签专门用来设置表格的标题, 这个标签叫做caption. 只要将标题写在caption标签中, 那么标题就会自动…

html a标签包含a标签，浏览器的行为处理

a标签包含a标签浏览器可能是为了避免a的转跳重复,所以禁止了a标签包含a标签,如何你的代码中有a标签包含a标签,那么浏览器将会重新编码外层a标签,取外层a标签与内层a标签的差集,加上外层a标签,并把外层a标签去掉.这样就会破坏我们的html结构. 因此我编码的时候一定要避免a标签包含a标签我这次重构代码的时候遇到了这样的代码,但是html结构我并不想修改他的. 我思路是: 一.用div对外层a标签进行模拟二.用div对内层a标签进行模拟模拟用的div用点击事件截获,最后创建a标签执行a标…

code标签和pre标签

code标签: 1.code标签的定义: <code>标签, 用于表示计算机源代码或者其他机器可以阅读的文本内容.软件代码的编写者习惯了编写代码时的代码格式,那么这个<code>标签就是为软件代码编写者设计的, code标签内的文本将用等宽.类似电传打字机样式的字体(Courier)显示出来. 2.code标签的应用,应该是只用在表示计算机程序源代码或者其他机器可以阅读的文本内容上.<code> 标签的功能有:将文本变成等宽字体:还有一个功能就是暗示这段文本是源程序代码…

JSTL函数标签库 fn标签

JSTL函数标签库 fn标签在使用jstl的函数标签库之前需要在页面中引入: <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> 1.fn:contains(string, substring) 如果参数string中包含参数substring,返回true. 2.fn:containsIgnoreCase(string, substring) 如果参数string…

a标签，img标签，表格

<a></a> a标签,超链接标签 ,引入超链接方式: src="...." target="blank" 打开方式--新页面打开用a标签制作锚点方式:首先需要在某个地点设置锚点: <a name="maodian">锚点</a> 然后在某个地点设置超链接跳转: <a src=#maodian>跳转到锚点</a> <img /> 图片标签,引入图…

HTML基础（一）——一般标签、常用标签和表格

第一部分 HTML <html> --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> <body> 页面显示的内容 </body> </html> --结束标签  注释 body的属性: bgcolor 页面背景色 text 文字颜色(规定所有文…

HTML常用标签与表格标签

超链接标签: <a href="超链接地址" target="_blank">超链接的文字</a> _blank或new是在新网页中打开连接,默认:访问前是连接是蓝字+下划线,访问后是紫字+下划线: _parents或_self是在原有网页中打开连接. 锚点: 第一步:做锚点的标签 <a name="top"></a> 第二步:做锚点连接<a href="#top">…

传智播客JavaWeb day07、day08-自定义标签(传统标签和简单标签)、mvc设计模式、用户注册登录注销

第七天的课程主要是讲了自定义标签.简单介绍了mvc设计模式.然后做了案例 1. 自定义标签 1.1 为什么要有自定义标签前面所说的EL.JSTL等技术都是为了提高jsp的可读性.可维护性.方便性而取代在jsp页面中直接嵌入java代码的方式(el和jstl的实质也是一段Java代码,只是可以用他们来代替),但是在实际开发过程中业务非常的复杂,现有的el和jstl根本满足不了需求,所有得根据实际需求开发自己的标签,自定义标签应运而生. 1.2 自定义标签分类(传统标签和简单标签) 自定义标签分为…

JavaWeb学习记录（十九）——jstl自定义标签之简单标签

一.简单标签共定义了5个方法: setJspContext方法 setParent和getParent方法 setJspBody方法 doTag方法二.方法介绍 osetJspContext方法用于把JSP页面的pageContext对象传递给标签处理器对象 osetParent方法用于把父标签处理器对象传递给当前标签处理器对象 ogetParent方法用于获得当前标签的父标签处理器对象 osetJspBody方法用于把代表标签体的JspFragment对象传递给标签处理器对象 odo…

【转】object标签和embed标签

我们现在大部分人做网页,都是直接用DW插入flash,而且DW也是所见即所得,直接生成了相应的flash显示代码.可是我们又有多少人了解这些直接由DW生成的代码呢?其实我接触flash player标签,是在刚学习html的时候,那时书中插入flash只有最简单的<embed src="" width="" height=""></embed>一句,而且在很长一段时间里,只要网页中插入flash我也都是这样写的,当时认为,…

i标签和em标签的区别

很多人以为i标签和em标签都只是HTML用于斜体的标签,并不知道他们有什么区别. 其实对于熟悉SEO的人来说,他们的区别挺大的(普通用户略过). i标签的作用:仅仅是为了让字体显示斜体,对于SEO没什么作用. em标签的作用:不仅可以让字体显示斜体,而且可以加强语气,告诉搜索引擎这里是重要的.…

JS点击任意标签获得该标签属性，以获得ID为例，以及AJAX的异步原理和 $(document).ready()与window.onload加载方法的区别

js代码: //$(document).click(function (e) { // 在页面任意位置点击而触发此事件 // var select = ""; // var i = $(e.target).attr("id"); // e.target表示被点击的目标 //这里是实际项目里面寻找下拉框的方法 // select = e.target.parentNode.parentNode.getElementsByTagName('select') //循环的方…

Jsp的内置标签和jstl标签

1.内置标签(动作标签) 内置标签不需要再jsp页面导入标签 1).forward:请求的转发,格式如下 <%-- 作用与这个相同 <%request.getRequestDispatcher("/forward2.jsp?name=gqxing").forward(request, response); %> --%> <jsp:forward page="/forward2.jsp"> <jsp:param value=…

EL标签和JSTL标签---JSP页面的应用

====EL(Expression Language)表达式语言:用于计算和输出存储在标志位置(page.request.session.application)的java对象的值: 1.开启和关闭EL表达式开启方法:在servlet2.4之后默认方法为false,即可以不写或<%@ page isELIgnored="false" %> 关闭方法:<%@ page isELIgnored="true" %> 还有一种批量禁用EL的方法,可…

arclist标签和list标签区别

很多站长朋友在刚入门织梦的时候对织梦的标签存在很多的困惑,关于arclist标签和list标签,甚至不知道啥时候用arclist,啥时用list标签.arclist 为自由列表,全局模板中都生效,一般我们在首页用到居多,可以随便调用某栏目下的文章列表.list 是表示列表模板里的分页内容,大多在栏目新闻列表用到.一般当公司新闻和网站公告都共用同一list_article.htm模板时,list会自动判断当前栏目下的文章内容,而展示出来,而且带有分页功能. 随即文章: “当生活欺骗了你,不要悲伤,…