how2j.cn

下载区
文件名 文件大小
images.rar 30k
answer.rar 31k

工具版本兼容问题
本练习将用到后续的知识点 图像,表格 ,需要的图片在右侧下载images.rar。

答案在answer.rar中。 尽量自己先完成,然后再参考答案



步骤 1 :

练习效果图

edit  姿势不对,事倍功半! 点击查看做练习的正确姿势
练习效果图


HOW2J公众号,关注后实时获知最新的教程和优惠活动,谢谢。


问答区域    
2021-04-06 旅行者的前端学习-阶段练习2
旅行者Lumine




旅行者的前端学习,素材改成了刻师傅的天赋
加载中
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>原神刻晴天赋解析</title>
</head>
<body>
<table border="1">
    <h2><font color="blueviolet">刻师傅,来碗牛杂~~~</font></h2>
    <tr bgcolor="gray">
        <td width="100px">天赋名称</td>
        <td width="100px">天赋属性</td>
        <td width="100px">天赋描述</td>
        <td width="300px">凑数列</td>
        <td width="50px">图标</td>
    </tr>

    <tr height="100px">
        <td>普通攻击·云来剑法</td>
        <td>雷系>火系</td>
        <td colspan="2">
            <b>普通攻击:</b>
            进行至多五段的连续剑击。<br>
            <b>重击:</b>
            消耗一定体力,瞬间向前方挥出两剑。<br>
            <b>下落攻击:</b>
            从空中下坠冲击地面,攻击下落路径上的敌人,并在落地时造成范围伤害。
        </td>
        <td width="100px"><img src="普通攻击·云来剑法.png"/></td>
    </tr>

    <tr height="100px">
        <td>星斗归位</td>
        <td><font color="blueviolet">雷系</font>><font color="red">火系</font></td>
        <td>
            迅速投出雷楔,以疾雷之势歼敌。
            雷楔命中时会对小范围内的敌人造成<b></b>雷元素伤害,并在命中的位置留下雷楔标记。<br>
            <font color="sandybrown">长按</font>
            长按以调整雷楔标记投掷的方向。
            通过长按投出的雷楔,可以悬浮在空中,并使刻晴再次施放星斗归位时跨越地形。<br>
            <b>雷楔</b>
            在雷楔的持续期间内,刻晴再次施放星斗归位或施展重击时,会清除雷楔标记并造成不同的效果:
            ·再次施放星斗归位时,瞬移到标记处进行一次斩击,造成<font color="blueviolet">雷元素范围伤害</font>。瞬移至长按投掷的雷楔处时,可以跨越地形障碍;
            ·施展重击时,在标记处引发雷暴连斩,造成数次<font color="blueviolet">雷元素范围伤害</font>。
        </td>
        <td>「人像是蛾子,总奔着名叫神仙的火光而去。但是我这光是自己点的。」</td>
        <td><img src="星斗归位.png"/></td>

    <tr height="100px">
        <td>天街巡游</td>
        <td><font color="blueviolet">雷系</font>><font color="red">火系</font></td>
        <td>
            爆发雷电的力量,造成范围<font color="blueviolet">雷元素伤害</font>。
            随后隐入剑影中,对周围的敌人进行如同迅雷霆霓般疾速的连斩,造成多段<font color="blueviolet">雷元素伤害</font>,并在最后一击时造成高额<font color="blueviolet">雷元素范围伤害</font>。
        </td>
        <td>刻晴自己剑术中最为迅捷的一招,可将诸星斩落。</td>
        <td><img src="天街巡游.png"/></td>
    </tr>

    <tr height="100px">
        <td>抵天雷罚</td>
        <td><font color="blueviolet">雷系</font>><font color="red">火系</font></td>
        <td>雷楔存在期间再次施放星斗归位后的5秒内,刻晴获得雷元素附魔。</td>
        <td><font color="blueviolet">雷系</font>><font color="red">火系</font></td>
        <td><img src="抵天雷罚.png"/></td>
    </tr>

    <tr height="100px">
        <td>玉衡之贵</td>
        <td><font color="blueviolet">雷系</font>><font color="red">火系</font></td>
        <td>施放天街巡游时,刻晴的暴击率提升15%,元素充能效率提升15%,持续8秒。</td>
        <td><font color="blueviolet">雷系</font>><font color="red">火系</font></td>
        <td><img src="玉衡之贵.png"/></td>
    </tr>

    <tr height="100px">
        <td>总务土地</td>
        <td><font color="blueviolet">雷系</font>><font color="red">火系</font></td>
        <td>在璃月执行探索派遣任务时,消耗的时间缩短25%。</td>
        <td><font color="blueviolet">雷系</font>><font color="red">火系</font></td>
        <td><img src="总务土地.png"/></td>
    </tr>
</table>
<iframe src="https://ys.mihoyo.com/main/character/liyue?char=6" width="1366px" height="768px">
</iframe>
</body>
</html>

							





回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2021-03-04 关于单元格宽度绝对值!在输入文字后
chitycheng




关于单元格宽度绝对值,有的时候修改了怎么都不会变,有的时候责可以修改,是什么原因导致的呢?具体可以看代码案例!
<!--下面的代码中  <td width="50"><strong>技能属性</strong></td> 不管怎么改都变  -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>英雄技能</title>
	</head>
	<body>
		<h1>英雄技能</h1>
		<table border="1" width="1024">
			<trbgcolor="#ccc">
				<td width="100"><strong>技能名</strong></td>
				<td width="60"><strong>触发</strong></td>
				<td width="50"><strong>技能属性</strong></td>
				<td><strong>技能效果</strong></td>
				<td><strong>图标</strong></td>
			</tr>
			<tr>
				<td><strong>坚韧</strong></td>
				<td><strong>被动</strong></td>
				<td colspan="2">盖伦如果在9秒内不受到任何伤害,之后的每秒都会回复自己最大生命值的0.4%。小兵的伤害不会中断坚韧效果。</td>
				<td><img src="../img/skill1.png"></td>
			</tr>
			<ty>
				<td><strong>致命打击</strong></td>
				<td><strong>Q</strong></td>
				<td>冷却时间:8</td>
				<td>盖伦移除身上的所有减速效果,并获得30%移动速度加成,持续1.5/2/2.5/3/3.5秒。
在接下来的4.5秒内,他的下次普通攻击会造成30/55/80/105/130(+1.4AD)物理伤害,并沉默目标1.5秒</td>
				<td><img src="../img/skill2.png"></td>
			</ty>
			<tr>
				<td><strong>勇气</strong></td>
				<td><strong>W</strong></td>
				<td>冷却:24/23/22/21/20</td>
				<td><strong>被动:</strong>击杀一个单位会永久提供0.25护甲和魔法抗性加成,最大值:30
<strong>主动:</strong>盖伦获得一个持续2/3/4/5/6秒的防御护盾,减少即将到来的30%伤害。</td>
				<td><img src="../img/skill3.png"></td>
			</tr>
			<tr>
				<td><strong>审判</strong></td>
				<td><strong>E</strong></td>
				<td>冷却:9</td>
				<td>盖伦快速地旋舞大剑,持续3秒,在持续期间对周围敌人总共造成物理伤害——14/18/22/26/30加上他总攻击力的34/35/36/37/38%,5次(英雄每升3级加1次)。
E【审判】会在攻击单个敌人时造成33%额外伤害。
取消E【审判】会返还相当于剩余持续时长的冷却时间。
E【审判】可以暴击,并造成额外伤害。</td>
				<td><img src="../img/skill4.png"></td>
			</tr>
			<tr>
				<td><strong>德玛西亚正义</strong></td>
				<td><strong>R</strong></td>
				<td>冷却:120/100/80</td>
				<td><strong>被动:</strong>:最近获得最多击杀数的敌人会成为<strong>大反派</strong>。盖伦的E【审判】和普攻会对<strong>大反派</strong>造成额外真实伤害,伤害值为<strong>大反派</strong>1%的最大生命值。
<strong>主动:</strong>盖伦召唤德玛西亚之力,试图斩杀一名敌方英雄,目标损失的生命越多,则此技能造成的伤害越高。造成175/350/525魔法伤害加上目标已损失生命值的28/33/40%。对<strong>大反派</strong>造成真实伤害</td>
				<td><img src="../img/skill5.png"></td>
			</tr>
		</table>
	</body>
</html>
<!--下面的代码中  就可以变,是什么原因导致的呢?? -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h2>英雄技能</h2>
		<table border="1" width="800px">
			<tr>
				<td width="100">test</td>
				<td width="60">test</td>
				<td width="60">test</td>
				<td>test</td>
				<td>test</td>
			</tr>
			<tr>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
		</table>
	</body>
</html>

							





回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2020-11-20 关于网页图片显示
2020-10-30 德玛西亚万岁
2020-10-20 留迹


提问太多,页面渲染太慢,为了加快渲染速度,本页最多只显示几条提问。还有 29 条以前的提问,请 点击查看

提问之前请登陆
提问已经提交成功,正在审核。 请于 我的提问 处查看提问记录,谢谢
关于 前端部分-HTML-阶段性练习2 的提问

尽量提供截图代码异常信息,有助于分析和解决问题。 也可进本站QQ群交流: 496725845
提问尽量提供完整的代码,环境描述,越是有利于问题的重现,您的问题越能更快得到解答。
对教程中代码有疑问,请提供是哪个步骤,哪一行有疑问,这样便于快速定位问题,提高问题得到解答的速度
在已经存在的几千个提问里,有相当大的比例,是因为使用了和站长不同版本的开发环境导致的,比如 jdk, eclpise, idea, mysql,tomcat 等等软件的版本不一致。
请使用和站长一样的版本,可以节约自己大量的学习时间。 站长把教学中用的软件版本整理了,都统一放在了这里, 方便大家下载: https://how2j.cn/k/helloworld/helloworld-version/1718.html

上传截图