Online Html Editor

<!DOCTYPE html> <html lang="en"> <head> <style> /* Style the targeted section */ section:target { background-color: lightblue; } </style> </head> <body> <h2>:target Example</h2> <p>Click on Sections to highlight corresponding parts</p> <nav> <ul> <li><a href="#section1">Section 1</a></li> <li><a href="#section2">Section 2</a></li> <li><a href="#section3">Section 3</a></li> </ul> </nav> <section id="section1"> <h2>Section 1</h2> <p>This is the content of Section 1.</p> </section> <section id="section2"> <h2>Section 2</h2> <p>This is the content of Section 2.</p> </section> <section id="section3"> <h2>Section 3</h2> <p>This is the content of Section 3.</p> </section> </body> </html>