How to create interactive tags in html file?

I think this is not very difficult to do, although the labeling process can be quite time consuming.

You do not need a lot of programming skills, especially if you want to tag material manually. You probably only need basic HTML and CSS and some Javascript to take this off.

I would do the following

• HTML ( " " ).
• §,
• javascript §, .

1 , , 2. HTML , :

<div class="jnnorm" id="BJNR001270871BJNE009802307" title="Einzelnorm">
    <div class="jnheader">
        <a name="BJNR001270871BJNE009802307"/><a href="index.html#BJNR001270871BJNE009802307">Nichtamtliches Inhaltsverzeichnis</a>
        <h3><span class="jnenbez">&#167; 31</span>&#160;<span class="jnentitel">R&#252;cktritt vom Versuch der Beteiligung</span></h3>
    </div> 
    <div class="jnhtml">
        <div>
            <div class="jurAbsatz">
            (1) Nach &#167; 30 wird nicht bestraft, wer freiwillig etc.
            </div>
        </div>
    </div>
</div>

<div> jnnorm. , ( ):

<div class="jnnorm weapon" id="BJNR001270871BJNE009802307" title="Einzelnorm">

HTML. , .

3. , . html. HTML. , javascript, - , class. jQuery click event show hide.

jQuery

<ul id="menu">
  <li id="weapon">Weapons</li>
  <li id="crime">Crime</li> 
</ul>

jQuery

<script>
$(document).ready(function(){

  // When a <li> element inside an <ul> with the id "menu" is clicked, do the following
  $('ul#menu li').click(function(){
    // Get the id of the <li> element and append a '.' so we get the right name for the tag (class) we want to show 
    var tag = '.' + $(this).attr('id');
    // Hide all elements of class 'jnnorm'
    $('.jnnorm').hide();
    // Show all elements with the class name of tag we want
    $(tag).show();
  });
});
</script>

. HTML- .classname jQuery, HTML- #idname.

!