html如何编写

Question

<p><span style="font-size:12px;font-family:SimSun;"> <span style="font-size:12px;font-family:SimSun;">湖南省地质矿产勘查开发局四一七队，始建于1964年，座落于衡阳市解放大道4号,是一支以地质勘查、勘测施工、盐卤井定向钻探为主的综合地质队，具有固体矿产勘查、地质钻探、岩土工程勘察等7项甲级资质，人才齐备，设备精良，技术力量雄厚。</span></span></p>
<p><span style="font-size:12px;font-family:SimSun;"> <span style="font-size:12px;font-family:SimSun;">建队以来，先后在衡阳市及毗邻地区发现矿种80余种，发现矿产地300多处，提交各类地质报告近1000余份。发现并探明祁东铁矿、祁东留书塘铅锌矿、衡阳岩盐矿、衡山钠长石矿等大、中、小型矿床80余处，提交矿产资源储量潜在价值达数万亿元人民币以上，获省（部）、厅（局）级各类找矿成果奖60余个，为衡阳市赢得了“非金属之乡”、“有色金属之乡”的美誉。先后荣获“湖南省思想政治工作先进企业”、“国土资源部抗旱找水先进集体”、“湖南省文明单位”、“全国精神文明建设工作先进单位”、“全国文明单位”等荣誉称号。
</span></span></p>
如何让这段文字在显示框能有[详情]可以点击

Answer 1

随便一款记事本软件就可以写这些标签了啊

Answer 2

加上超链接就可以点击了啊
<a href="">【详情】</a>
如果你是想实现只显示一部分然后有个详情点击可以查看全部的话就要加样式了
table{
width:30em;
table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
}
td{
width:100%;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}本回答被提问者采纳

Answer 3