Understanding how HTML is integrated into Portable Text editor

 {
        "_key": "5vl1nzex72tktwgg1h4",
        "_type": "block",
        "children": [
            {
                "_key": "i8pefvhbtfktwgg1h4",
                "_type": "span",
                "marks": [],
                "text": "<p><span style=\"text-decoration: underline;\">A cult favorite, our Weekender is spacious enough for a long weekend or for days spent dreaming of one.</span></p>\n<p><em>Going the distance? Smart straps slip over the trolley of your carry-on for speedy getaways, and a removable woven shoulder strap offers hands-free flexibility. </em></p>\n<p><em><strong><span style=\"text-decoration: underline;\">Featuring leather accents that match our signature Ecocraft Canvas, made from 12 upcycled plastic water bottles, the Weekender is a natural companion when the weekend arrives or your flight out of town is ready for boarding.</span></strong></em></p>\n<p><strong>Example bullet point:</strong></p>\n<ul>\n<li><strong>1</strong></li>\n<li><strong>2</strong></li>\n<li><strong>3</strong></li>\n<li><strong>4</strong></li>\n</ul>\n<p><strong>Example Numbered points</strong>:</p>\n<ol>\n<li>bullet</li>\n<li>bullet</li>\n<li>bullet</li>\n<li>bullet</li>\n</ol>\n<p>Dimensions: 15\" x 8\" x 15\"<br><strong>Meets TSA carry-on requirements</strong></p>\n<p> </p>\n<p> </p>\n<p> </p>\n<p> </p>\n<p> </p>\n<p> </p>"
            }
        ],
        "markDefs": []
    }