regex101: Python Match Workspace

Pro

1st Alternative<\s*[a-z]*[^>]*>(.*?)<\s*/\s*[a-z]*>

<the literal < (60₁₀ / 74₈ / 3C₁₆)

\s*a Unicode whitespace character, repeated any number of times

Character Class[a-z]*

*matches any number of characters from the set below:

a-zone character from a (97₁₀) to z (122₁₀) (case sensitive)

Negated Character Class[^>]*

*matches any number of characters outside the set below:

>the literal > (62₁₀ / 76₈ / 3E₁₆)

Group 1(.*?)

.*?any Unicode character (except for line terminators), repeated any number of times

<the literal < (60₁₀ / 74₈ / 3C₁₆)

\s*a Unicode whitespace character, repeated any number of times

/the literal / (47₁₀ / 57₈ / 2F₁₆)

\s*a Unicode whitespace character, repeated any number of times

Character Class[a-z]*

*matches any number of characters from the set below:

a-zone character from a (97₁₀) to z (122₁₀) (case sensitive)

>the literal > (62₁₀ / 76₈ / 3E₁₆)

2nd Alternative<[\w]*>(.*?)<[/\w]*>

<the literal < (60₁₀ / 74₈ / 3C₁₆)

Character Class[\w]*

*matches any number of characters from the set below:

\wa Unicode word character

>the literal > (62₁₀ / 76₈ / 3E₁₆)

Group 2(.*?)

.*?any Unicode character (except for line terminators), repeated any number of times

<the literal < (60₁₀ / 74₈ / 3C₁₆)

Character Class[/\w]*

*matches any number of characters from the set below:

/the literal / (47₁₀ / 57₈ / 2F₁₆)

\wa Unicode word character

>the literal > (62₁₀ / 76₈ / 3E₁₆)

Global pattern flags

g modifier: global. Finds all matches instead of stopping after the first

25 tokens

Regular Expression

<\s*[a-z]*[^>]*>(.*?)<\s*/\s*[a-z]*>|<[\w]*>(.*?)<[/\w]*>

New

<body>

<div class="header">
  <h1>My Website</h1>
  <p>A <b>responsive</b> website created by me.</p>
</div>

<div class="navbar">
  <a href="#" class="active">Home</a>
  <a href="#">Link</a>
  <a href="#">Link</a>
  <a href="#" class="right">Link</a>
</div>

<div class="row">
  <div class="side">
    <h2>About Me</h2>
    <h5>Photo of me:</h5>
    <div class="fakeimg" style="height:200px;">Image</div>
    <p>Some text about me in culpa qui officia deserunt mollit anim..</p>
    <h3>More Text</h3>
    <p>Lorem ipsum dolor sit ame.</p>
    <div class="fakeimg" style="height:60px;">Image</div><br>
    <div class="fakeimg" style="height:60px;">Image</div><br>
    <div class="fakeimg" style="height:60px;">Image</div>
  </div>
  <div class="main">
    <h2>TITLE HEADING</h2>
    <h5>Title description, Dec 7, 2017</h5>
    <div class="fakeimg" style="height:200px;">Image</div>
    <p>Some text..</p>
    <p>Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
    <br>
    <h2>TITLE HEADING</h2>
    <h5>Title description, Sep 2, 2017</h5>
    <div class="fakeimg" style="height:200px;">Image</div>
    <p>Some text..</p>
    <p>Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
  </div>
</div>

<div class="footer">
  <h2>Footer</h2>
</div>

</body>