title: extract key parts a string where the content is enclosed in a <span style="font-weight:bold"> tag
body: <p>I am getting this answer of a web service:</p>
  
  <pre><code>    &lt;html xmlns="http://www.w3.org/TR/REC-html40"&gt;
      &lt;head&gt;
      &lt;title&gt;Grampal &lt;/title&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;
      &lt;meta name="Content-Language" content="EN"&gt;
      &lt;meta name="author" content="jmguirao@ugr.es"&gt;
      &lt;link rel="icon" type="image/ico" href="/favicon.ico" /&gt;
      &lt;style type="text/css"&gt;
      html,body,form,ul,li,h1,h3,p{margin:0; padding:0}
      body { font-family: Arial, Helvetica, sans-serif; background-color:#fff }
      a { text-decoration: none; }
      a:hover { text-decoration: underline }
      ul { list-style-type: none }
      td {padding: 0.5pc 2pc 0pc 0pc }
      .nav { float: right; padding: 0.5pc 0.5pc 0.5pc 0.5pc; margin-left:5px }
      .nav li {display:inline; border-left: 1px solid #444; padding:0 0.4em;}
      .nav li.first {border-left:0}
      .hide { display:none }
      input { text-indent: 2px }
      input[type="submit"] { text-indent: 0 }
      DIV.delPage { padding: 0.5ex 5em 0.5em 5em; background-color:#ffd6ba; }
      .delMain { padding: 2ex 0.5em 0.5pc 0.5em; }
      .post { margin-bottom: 0.25pc; font-size: 100%; padding-top: 0.5ex; }
      .posts, #posts { padding: 0.5ex 0.5em 0.5pc 50px; }
      .banner { padding: 0.5ex 0 0.5pc 0.5em; background-color: #ffc6aa;clear: both }
      .banner h1 {
              font-weight: bolder; font-size: 150%;
              margin:0; padding:0 0 0 26px; display: inline;}
      h2 {
           font-weight: bolder; font-size: 140%; color: red;
           margin:0; padding:0 0 0 26px; display: inline;}
      .resaltado {font-weight: bolder;font-size: 100%}        
      &lt;/style&gt;
  
      &lt;/head&gt;
      &lt;body&gt;
      &lt;div class="banner"&gt;
      &lt;ul class="hide"&gt;&lt;li&gt;&lt;a href="#content"&gt;skip to content&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;
      &lt;ul class="nav"&gt;Análsis de:
      &lt;li class="first"&gt;
      &lt;a title="Analizador morfosintáctico" href="/grampal/grampal.cgi?m=analiza&amp;e=factura"&gt;palabras&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a title="Desambiguador contextual" href="/grampal/grampal.cgi?m=etiqueta&amp;e=factura"&gt;oraciones&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a title="Etiquetado de textos" href="/grampal/grampal.cgi?m=xml"&gt;textos&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a title="Formas de una palabra" href="/grampal/grampal.cgi?m=genera&amp;e=factura"&gt;Generación de formas&lt;/a&gt;&lt;/li&gt;
      &lt;!--
      &lt;li&gt;&lt;a title="Transcripción fonética" href="/grampal/grampal.cgi?m=transcribe&amp;e=factura"&gt;Transcripción&lt;/a&gt;&lt;/li&gt;
      --&gt;
      &lt;li&gt;&lt;a href="/grampal/grampal.cgi?m=etiquetario"&gt;Etiquetario&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="/grampal/grampal.cgi?m=autores"&gt;Autores&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;h1&gt;Grampal&lt;/h1&gt;
      &lt;/div&gt;
  
  
  
      &lt;div class="delPage" style="font-size: 80%;"&gt;
      &lt;form method="GET" action="/grampal/grampal.cgi"&gt;
      &lt;input type="hidden" name="m" value="analiza"&gt;
      &lt;input type="hidden" name="csrf" value="651c4fcfae059a6e31c39a902f6d27c8"&gt;
      &lt;span class="resaltado"&gt;Palabra : &lt;/span&gt;&lt;input name="e" size="60" value="factura"&gt;
      &lt;input type="submit" value="Analiza"&gt; &amp;nbsp;
  
      &lt;/form&gt;
      &lt;/div&gt;
      &lt;br&gt;
      &lt;h2&gt;factura&lt;/h2&gt;
  
  
  
      &lt;div class="delMain"&gt;
      &lt;div id="posts"&gt;
  
      &lt;table&gt;
  
      &lt;tr&gt;
  
      &lt;td style="font-style:italic;font-size:90%"&gt;categoría&amp;nbsp;&lt;span style="font-weight:bold"&gt; N &lt;/span&gt;&lt;/td&gt;
  
      &lt;td style="font-style:italic;font-size:90%"&gt;lema&amp;nbsp;&lt;span style="font-weight:bold"&gt; FACTURA &lt;/span&gt;&lt;/td&gt;
  
      &lt;td style="font-style:italic;font-size:90%"&gt;género&amp;nbsp;&lt;span style="font-weight:bold"&gt; femenino &lt;/span&gt;&lt;/td&gt;
  
      &lt;td style="font-style:italic;font-size:90%"&gt;número&amp;nbsp;&lt;span style="font-weight:bold"&gt; singular &lt;/span&gt;&lt;/td&gt;
  
      &lt;/tr&gt;
  
      &lt;tr&gt;
  
      &lt;td style="font-style:italic;font-size:90%"&gt;categoría&amp;nbsp;&lt;span style="font-weight:bold"&gt; V &lt;/span&gt;&lt;/td&gt;
  
      &lt;td style="font-style:italic;font-size:90%"&gt;lema&amp;nbsp;&lt;span style="font-weight:bold"&gt; FACTURAR &lt;/span&gt;&lt;/td&gt;
  
      &lt;td style="font-style:italic;font-size:90%"&gt;número&amp;nbsp;&lt;span style="font-weight:bold"&gt; singular &lt;/span&gt;&lt;/td&gt;
  
      &lt;td style="font-style:italic;font-size:90%"&gt;persona&amp;nbsp;&lt;span style="font-weight:bold"&gt; 3 &lt;/span&gt;&lt;/td&gt;
  
      &lt;td style="font-style:italic;font-size:90%"&gt;tiempo&amp;nbsp;&lt;span style="font-weight:bold"&gt; presente indicativo &lt;/span&gt;&lt;/td&gt;
  
      &lt;/tr&gt;
  
      &lt;tr&gt;
  
      &lt;td style="font-style:italic;font-size:90%"&gt;categoría&amp;nbsp;&lt;span style="font-weight:bold"&gt; V &lt;/span&gt;&lt;/td&gt;
  
      &lt;td style="font-style:italic;font-size:90%"&gt;lema&amp;nbsp;&lt;span style="font-weight:bold"&gt; FACTURAR &lt;/span&gt;&lt;/td&gt;
  
      &lt;td style="font-style:italic;font-size:90%"&gt;número&amp;nbsp;&lt;span style="font-weight:bold"&gt; singular &lt;/span&gt;&lt;/td&gt;
  
      &lt;td style="font-style:italic;font-size:90%"&gt;persona&amp;nbsp;&lt;span style="font-weight:bold"&gt; 2 &lt;/span&gt;&lt;/td&gt;
  
      &lt;td style="font-style:italic;font-size:90%"&gt;tiempo&amp;nbsp;&lt;span style="font-weight:bold"&gt; imperativo &lt;/span&gt;&lt;/td&gt;
  
      &lt;/tr&gt;
  
      &lt;/table&gt;
  
      &lt;/div&gt;
  
      &lt;/div&gt;  
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>but I'm interested in only getting everything that is inside the <code>&lt;span style="font-weight:bold"&gt;</code> tag. Is there an optimal way to do it? in my knowledge, I could only achieve it using .split but I do not think it's a very elegant or very optimal way to achieve it. I would like to understand the best way or the most elegant way to achieve it.</p>
  
  <p>This is my desired output:</p>
  
  <pre><code>[
  N,
  FACTURA,
  femenino,
  singular,
  .
  .
  .]
  </code></pre>