来点html代码看看吧:横杠 和 红色分割线，是不是我说的这一行？
来点html代码看看吧:横杠和红色分割线，是不是我说的这一行？{:301_974:}
<!DOCTYPE html>
<html>
<head>
<title>Welcome to Help+Manual!</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="generator" content="Help & Manual" />
<meta name="keywords" content="Help & Manual,Help & Manual Quick Start Tutorials,tutorials,tutorials Quick Start" />
<meta name="description" content="The tutorials in this section provide a quick introduction to using Help+Manual. They are intentionally kept brief so that you can actually start using the program as quickl" />
<meta name="picture" content="feature-02-get-started.jpg" />
<link type="text/css" href="styles.css" rel="stylesheet" />
<style TYPE="text/css" media="screen">
html, body {
margin:0;
padding:0;
background: #ffffff;
}
#header {
width:100%;
position: fixed;
top: 0;
width: 100%;
padding: 0;
margin: 0 0 0.0625in 0;
background: #fff;
z-index: 99;
}
#header span.f_Heading1 { color: #FFFFFF }
#headerhead {
padding: 0.0625in;
min-height: 0.5in;
color: #FFFFFF;
background: #23578A;
opacity: 0.95;
box-shadow: 1px 1px 3px #888888;
}
#headernav {
width: 0.833in;
height: 0.2708in;
margin: 0;
padding: 0;
float: right;
}
#content {
margin-top: 3.125em;
padding: 0.375em;
}
img.nav { width: 0.2708in; height: 0.2708in; border: none; }
#callout-table, #overview-table {display:block; position:relative; top:0; left:0;}
#callout-icon {display:block; position:absolute; top:-0.1146in; left:-0.1146in;}
#callout-icon-flag {display:block; position:absolute; top:-0.1146in; left:-0.0833in;}
#callout-table a {text-decoration: none; color: blue;}
#callout-table a:visited {text-decoration: none; color: blue;}
#overview-table a {text-decoration: none; color: black;}
#overview-table a:visited {text-decoration: none; color: black;}
#callout-table a:hover, #overview-table a:hover {text-decoration: underline;}
p.crumbs { font-size: 10pt; margin: 0 0 0.0625in 0 }
p.crumbs a { text-decoration: none; color: #FFFFFF }
#switchtoggles { width:100%; text-align: right; padding: 0 0.0208in 0 0; font-size: 10pt; }
.sync-toc { color: #FFFFFF; font-size: 10pt; font-weight: bold; display: none; }
.sync-toc a { color: #FFFFFF; text-decoration: none; font-weight: bold;}
.sync-toc a:visited { color: #FFFFFF; }
.sync-toc a:hover { text-decoration: underline; }
a.hmanchor { display: inline-block; margin-top: 4em; padding-top: 4em }
div#header {
width:100%;
font-size: 120%;
text-align: left;
margin:0;
padding:0;
overflow:hidden;
height: auto;
max-height:45%;
}
div#header img {
width:100%;
height:auto;
float:left;
}
div#header p {
margin: 0 2em 0 2em;
width: 30%;
height: 100%;
min-width: 12em;
padding: 2.5em 1em 1em 1em;
background:#000;
color: #FFFFFF;
filter: alpha(opacity=80);
float:left;
position: absolute;
}
</style>
<style type="text/css" media="print">
span.f_Heading1 { color: black; }
#header {
position: relative;
}
#headerhead {
background: none;
color: #000;
}
#headernav {
display: none;
}
#switchtoggles {
display: none;
}
#content {
margin-top: 0;
}
}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="helpman_settings.js"></script>
<script type="text/javascript" src="helpman_topicinit.js"></script>
</head>
<body>
<div id="header"><img id="featureimage" src="feature-02-get-started.jpg"/><p id="featuretext">The tutorials in this section provide a quick introduction to using Help+Manual. They are intentionally kept brief so that you can actually start using the program as quickl</p></div>
<div id="content">
<!--ZOOMRESTART-->
<p class="p_BodyText" style="margin: 0 0 0 0;"><span class="f_BodyText"><a href="https://www.helpandmanual.com" target="_blank" class="weblink"> </a></span></p>
<hr style="height:2px; color:#FF0000; border-width:0; background-color:#ff0000;"><p class="p_Normal"><span class="f_BodyText"> </span></p>
<p class="p_BodyText" style="margin: 0 0 0 0;"><span class="f_BodyText">The tutorials in this section provide a quick introduction to using Help+Manual. They are intentionally kept brief so that you can actually start using the program as quickly as possible. Topics covered in this tutorial:</span></p>
<h2 class="p_Heading2_atoc_" style="page-break-after: avoid; border-top: none; border-right: none; border-left: none;"><span class="f_Heading2_atoc_">Help+Manual UI (a quick overview)</span></h2>
<p class="p_BodyText" style="margin: 0 0 0 0.2500in;"><span class="f_BodyText">Learn about the <a href="hm_quickstart_explorer_sections.htm" class="topiclink">Project Explorer</a> and how to <a href="hm_quickstart_explorer_navigate.htm" class="topiclink">navigate between topics</a> in Help+Manual.</span></p>
<p class="p_BodyText" style="margin: 0 0 0 0;"><span class="f_BodyText"> </span></p>
<h2 class="p_Heading2_atoc_" style="page-break-after: avoid; border-top: none; border-right: none; border-left: none;"><span class="f_Heading2_atoc_">Creating a project and importing data</span></h2>
<p class="p_BodyText" style="margin: 0 0 0 0.2500in;"><span class="f_BodyText">Create a <a href="hm_quickstart_newproject.htm" class="topiclink">new project from scratch</a> or <a href="hm5_quickstart_importing.htm" class="topiclink">import existing</a> help projects. </span></p>
<p class="p_BodyText" style="margin: 0 0 0 0;"><span class="f_BodyText"> </span></p>
<h2 class="p_Heading2_atoc_" style="page-break-after: avoid; border-top: none; border-right: none; border-left: none;"><span class="f_Heading2_atoc_">Editing and adding topics</span></h2>
<p class="p_BodyText" style="margin: 0 0 0 0.2500in;"><span class="f_BodyText">Organize the <a href="hm_quickstart_orgtoc.htm" class="topiclink">table of contents</a>, <a href="hm_quickstart_entertext.htm" class="topiclink">edit topics</a> and <a href="hm_quickstart_addtopics.htm" class="topiclink">add new</a> topics. Also covered: format topics with . </span></p>
<p class="p_BodyText" style="margin: 0 0 0 0;"><span class="f_BodyText"> </span></p>
<h2 class="p_Heading2_atoc_" style="page-break-after: avoid; border-top: none; border-right: none; border-left: none;"><span class="f_Heading2_atoc_">Inserting graphics and hyperlinks</span></h2>
<p class="p_BodyText" style="margin: 0 0 0 0.2500in;"><span class="f_BodyText">Learn how to <a href="hm_quickstart_graphics.htm" class="topiclink">add images</a> to text and <a href="hm_quickstart_links.htm" class="topiclink">insert hyperlinks</a> to other topics and to the web.</span></p>
<p class="p_BodyText" style="margin: 0 0 0 0;"><span class="f_BodyText"> </span></p>
<h2 class="p_Heading2_atoc_" style="page-break-after: avoid; border-top: none; border-right: none; border-left: none;"><span class="f_Heading2_atoc_">Publishing a help file</span></h2>
<p class="p_BodyText" style="margin: 0 0 0 0.2500in;"><span class="f_BodyText"><a href="hm_quickstart_compile.htm" class="topiclink">Publish your first help file</a> with Help+Manual. </span></p>
<p class="p_BodyText" style="margin: 0 0 0 0;"><span class="f_BodyText"> </span></p>
<h2 class="p_Heading2_atoc_" style="page-break-after: avoid; border-top: none; border-right: none; border-left: none;"><span class="f_Heading2_atoc_">More tutorials</span></h2>
<p class="p_BodyText" style="margin: 0 0 0 0.2500in;"><span class="f_BodyText">For more details on these tutorials, please refer to the "Quick Start" section on the Help+Manual Online Help:</span></p>
<p class="p_BodyText" style="margin: 0 0 0 0.2500in;"><span class="f_BodyText"> </span></p>
<p class="p_BodyText" style="margin: 0 0 0 0.2500in;"><img alt="rb_help" style="margin:0;width:6.8958in;height:1.2708in;border:none" src="rb_help.png"/><span class="f_BodyText"> </span></p>
<!--ZOOMSTOP-->
</div>
<script>
var lastSlashPos = document.URL.lastIndexOf("/") > document.URL.lastIndexOf("\\") ? document.URL.lastIndexOf("/") : document.URL.lastIndexOf("\\");
if( document.URL.substring(lastSlashPos + 1, lastSlashPos + 4).toLowerCase() != "~hh" )
$(document).ready(function(){
$(window).bind('resize', function() {
var y = $('#header').height();
$('#content').css('margin-top', y);
$('.hmanchor').css('margin-top', -y-20);
$('.hmanchor').css('padding-top', y+20);
});
$(window).triggerHandler('resize');
$(window).triggerHandler('resize');
//This hides the feature header when scrolling content
//To make the feature header stay on the page, remove this script
$(window).bind('scroll', function() {
var y = $(document).scrollTop();
$('#header').css('margin-top', (y*-1));
$('#featuretext').css('margin-top', y);
$('#featureimage').css('margin-top', y);
});
});
</script>
</body>
</html>
我觉得是这里：
<p class="p_BodyText" style="margin: 0 0 0 0;"><span class="f_BodyText"><a href="https://www.helpandmanual.com" target="_blank" class="weblink"> </a></span></p>
没错吧？我就不截图了。
可以在浏览器中按F12进入调试模式
1点一下图示的按钮，
2点一下想看的页面元素，
3的位置会自动选中对应的代码部分 额。。。我看到的红色分割线好像是第131行的{:1_926:}<hr>
<hr style="height:2px; color:#FF0000; border-width:0; background-color:#ff0000;"> 黑色是：<p id="featuretext">The tutorials in this section provide a quick introduction to using Help+Manual. They are intentionally kept brief so that you can actually start using the program as quickl</p>
红色是：<hr style="height:2px; color:#FF0000; border-width:0; background-color:#ff0000;"> 现在完美爆破方法中该软件的红色分割线实在不知咋跟到了。。。{:301_1004:} 黑色的应该是 css那里，div#header 去掉 overflow:hidden; 这句应看到了
页:
[1]