HTML列表<dl>表格<table>超链接<a href>

最新推荐文章于 2024-05-06 11:45:50 发布
最新推荐文章于 2024-05-06 11:45:50 发布
阅读量6.5k 收藏 1
点赞数 1
分类专栏： JavaScript 文章标签： border xhtml javascript html 游戏
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jingtian_xiaozhi/article/details/8035565
版权 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>
	<!--不会的单词：lt：less than，gt：greater than，align 排列，使整齐的，rowspan行，colspan列，target 对象-->
	<!--列表dl,dt,dd表格table,tr,td-->
	<!--定位标记-->
	<a name="标记">标记位置 </a>
	
	<!--特殊符号-->
	<p>我能打印出<html></p>
	<!--less than,greater than-->
		
	<!--font标签-->
	<font color="#00FFFF" size="7">景天晓志</font>
	
	<!--标题标签-->
	<!--h1>标题 1</h1>
	<h2>标题 2</h2>
	<h3>标题 3</h3-->  
	<h1>目录</h1>
	<h2>JavaScript基础</h2>
	<h3>1.html</h3>
	<h4>2.css</h4> 
	
	<!--列表标签-->
	<dl>
		<dt>上层项目</dt>
			<dd>下层项目</dd>
			<dd>下层项目</dd>
			<dd>下层项目</dd>
		<dt>上层项目</dt>
			<dd>下层项目</dd>
			<dd>下层项目</dd>
	</dl>
	<dl>
	<dt>游戏名称</dt>
		<dd>星际争霸</dd>
		<dd>红色警戒</dd>
	<dt>部门名称</dt>
		<dd>技术部</dd>
		<dd>培训部</dd>
	</dl>
	
	<!--列表标签功能实现-->
	<!--ol>：数字标签（a A 1 i I）
	<ul>：符号标签（○●■）
	<li>：具体项目内容标签。此标签只在<ol> <ul>中有效。-->
	<ol type="1">
	<li>游戏名称</li>
		<ul>
			<li type="circle">星际争霸</li>
			<li>  红色警戒</li>
		</ul>
	<li>部门名称</li>
		<ul>
			<li>技术部</li>
			<li>培训部</li>
		</ul>
	</ol>
	
	<!--图片标签-->
	<img src="../../加中实训/坦克图片/坦克2/上.jpg" alt="图片说明：这是个坦克"  border="3"  align="absmiddle" usemap="#Map"/>
	<!--align 排列，使整齐的-->
	<map name="Map" id="Map"><area shape="circle" coords="34,31,13" href="1.html" />
	</map>
	
	<!--表格标签-->
	<!--
	行标签：<tr>
	单元格标签：<td>，加载行标签的里面。可以简单理解为，先有行，在行中在加入单元格。rowspan行clospan列
	-->
	<table border="1" width="70%"><!—width值为百分比可以让表格的宽度随浏览器窗口的大小变化-->
	<caption>表格标题</caption>
	<tr align="center">
		<td>姓名</td>
		<td>年龄</td>
	</tr>
	<tr align="center">
		<td>张三</td>
		<td>23</td>
	</tr>
	</table>
	<!--表格标签功能实现-->
	<table border="1" width="70%">
	<caption>表格标题</caption>
	<tr align="center">
		<td rowspan="2">张三</td>
		<td>年龄</td>
	</tr>
	<tr align="center">
		<td>23</td>
	</tr>
	</table>
	<!--表格标签功能实现-->
	<table border="1" width="70%">
	<caption>表格标题</caption>
	<tr align="center">
		<td colspan="2">姓名</td>
	</tr>
	<tr align="center">
		<td>张三</td>
		<td>23</td>
	</tr>
	</table>
	
	<!--超链接标签-->
	<a href="http://www.baidu.com" target="_blank">百度</a><!--target 对象-->
	<a href="http://down.qq.com/tgame/dltools/QQNZ_1.0.0.108_Full_dl.exe">迅雷:逆战下载</a>
	
	<!--定位标记-->
	<a href="#标记">返回标记位置</a>
	
</body>
</html>


HTML是最基础的。。。

景天晓志
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
超链接与表格 HTML
qq_45400916的博客
01-19 326
超链接与表格用HTML5建立超链接URL的概念URL的格式URL的类型超链接标记< a >设置文本和图片的超链接设置以新窗口显示的超链接页面创建热点区域浮动框架iframe创建表格 用HTML5建立超链接 URL的概念 URL为”Uniform Resource Locator”的缩写，通常翻译为“统一资源定位器”。也即是网址。 URL的格式 URL有四部分组成，即“协议”，“主机名”，“文件夹名”和文件名。例如：http://www.webDesign.com/pages/computer.h
HTML超链接 表格 列表 表单
m0_61700036的博客
10-06 2295
一、HTML超链接 超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。 超链接标签：<a>一个链接到另一个链接 【Anchor 锚】 <a href='url地址' target='页面打开的方式'>页面元素(文字、图像、音频、视频)</a> 'href'属性：值是要跳转的页面的地址,通常用'#'表示空链接 'target...
element ui table中增加超级链接
xplidelphi的专栏
11-04 4466
element ui中可以通过设置slot-scope定值列，但是增加超级链接需要采用v-bind来修饰一下： <el-table :data="tableData"> <el-table-column v-for="(item, index) in tableHeader" :label="item" :column-key=..
ElementPlus的el-table-column如何添加超链接的代码
最新发布
weixin_54048131的博客
05-06 897
【代码】ElementPlus的el-table-column如何添加中添加超链接 与 跳转外链 的代码。
HTML系列之List和Table 超链接 Form(三)
dapyandxpy的博客
06-12 776
<html lang="en"> <head> <meta charset="UTF-8"> <title>演示列表标签</title> </head> <body> <!-- List--> <!--ul表示无序的列表--> <ul> <!--li标签表示行--> <li>我是第一行的内容</li> <li>我是第二行的内容</li>
超链接QTable实现
临渊羡鱼，不如退而结网
07-27 823
超链接QTable实现 今天要在 QT界面给ip地址，搞一个超链接于是具体实现代码如下，之前参考有个事错误！在这里修正了！ QLabel*tableLink=new QLabel(this); tableLink->setOpenExternalLinks(true);//这句很关键啊，否则就只能通过linkActivated信号，连接到自定义槽函数中打开了 ta
一天搞定HTML----标签的嵌套规则06
weixin_30552635的博客
05-10 120
标签的嵌套规则 代码演示 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!...
HTML元素分类及语法规则
nuan__nuan的博客
05-25 698
HTML元素分类及语法规则 一、html元素分类 (1)块级元素 块级元素一般作为容器出现，用来组织结构，但并不全是如此。例如<from>只能用来包含块级元素；其他块级元素则可以包含行级元素，例如：p；也有些块级元素既可以包含块级元素，也可以包含行级元素，例如：div、li。 块级元素：address、blockquote、center、dir、div、dl、dt、dd、fi
HTML a标签 img标签 ul列表、ol列表、dl列表标签,table表格标签,lable标签
03-19 326
a标签其实就是用来做跳转的 　　a标签的作用：页面跳转、锚（页就是类似书签的东西，在URL中显示出#） <a href="http://www.baidu.com" traget = "_blank">超连接文字</a> traget = "_blank" 该属性的意思是点击后新窗口打开连接，如果没有改项意思就是直接在本页面打开。 <a href="...
HTML链接标签和表格的使用
weixin_45060872的博客
12-05 1113
前端开发学习Day2 一、转义字符 由<> 包裹的文本 会当做标签去解析 & nbsp; 空格 & emsp； & lt 、gt 分别代表“<” 和“ >”。 &copy；代表版权© &yen；中文转义字符：￥ 二、行内元素和块级元素 1.块级标签： 默认情况下，每一个块级元素都是独占一行的即元素的前后都会换行 都有 alig...
HTML常用标签（a标签/img标签/table标签）
m0_72552013的博客
08-13 1880
用于初步学习html的一些常用标签，主要为a标签，img标签，table标签。
html基础3(table表格和超链接a)
二流码农的博客
02-20 2714
超链接a &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"/&gt; &lt;title&gt;超链接&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &a
给table中的列加a href 变成超链接 （推荐）
wall 技术日志
03-05 5220
//给table中的列加a href 变成超链接 （推荐） function output1_BeforeBind(eventObject) { eventObject.srcElement.parentNode.innerHTML = "百度;百度";; } //给table中的列加a href 变成超链接 （不推荐） var rows = BIDDOC_PROJECT_INFOTabl
html table 点击跳转
weixin_33743661的博客
05-06 2191
在tr上加 onclick事件 ，然后再js代码中写 页面的跳转，将参数以url的形式拼接在跳转url上然后再另一个页面以 request.getAttribute接收当然你如果使用了框架 可能在一些情况下会在request中取不到，比如struts2 可能就需要#parameters.canshu这样取   追问 只有JSP，我对JS不熟悉，可以详细指导下么   追答 js 就是J...
html如何给表格中的行添加链接
makesomethings的博客
05-29 1万+
如果你只是想给表格中的行添加链接, 推荐你去看这个: 如何给Table/Tr/Td添加超链接? 而如果你在用django框架, 并且想在链接中使用模板标签{% url 'urlpath' %}, 那么该文或许会对你有用 这里我使用的是Bootstrap上面的模板: 模板链接 ... <!-- Bootstrap core CSS --> <link href="h...
JQUERY 取某个table下的td里面的a标签
代码改变生活
06-06 1万+
$("#XMSJ tr td a").click(function () {             //var index = $(this).parent().parent().index();//获取行的索引             //alert(index);             var trList = $(this).parent().parent().find("
如何给Table/Tr/Td添加超链接?
热门推荐
weixin_38203203的博客
09-17 2万+
如题 如何给这类表格元素添加超链接，并且在新窗口打开呢？ 有些同学提到了添加a标签的方法，但a只能单独添加到子元素TD里头，如何让正行TR都被添加上超链呢？ &lt;tr onclick="location.href='你的网站';"&gt;//在当前页面打开 &lt;tr onclick="window.open('http://www.baidu.com');"&gt;//在新窗口打开...
玩转HTML图像，链接，列表，表格等标签
涤生大数据
07-18 6929
html的学习知道有哪些标签，怎么使用，其余就是如何将这些标签互相混合嵌套使用了。 1.html图像img标签的使用 <img>标签可以在网页上插入一张图片，它是独立使用的标签，通过“src”属性定义图片的地址，通过“alt”属性定义图片加载失败时显示的文字，以及对搜索引擎和盲人读屏软件的支持。 <img src="images/pic.jpg" alt="产品图...
HTML超文本标记语言完全指南
HTML支持无序列表(<ul>)、有序列表(<ol>)和定义列表(<dl>)，其中<ul>和<ol>下使用<li>标签定义列表项，<dl>则结合<dt>（定义术语）和<dd>（定义描述）来组织信息。 五、图像处理 使用<img>标签插入图像，需指定src...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值