코드 연습

<div class="figure-html" data-ke-type="html" data-source="<div data-ke-class="article"><style> #mArticle li div:first-child:after{ content: "한입만˚ෆ*₊"; } </style></div> <!DOCTYPE html> <html> <head> <link href="./style.css" rel="stylesheet" type="text/css"> <style type="text/css"> @font-face { @font-face { font-family: 'Ownglyph_meetme-Rg'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_1@1.0/Ownglyph_meetme-Rg.woff2') format('woff2'); font-weight: normal; font-style: normal; } } p{font-family: 'Ownglyph_meetme-Rg';} p{font-size: 14px;} br{font-family: 'Ownglyph_meetme-Rg';} br{font-size: 14px;} body{font-family: 'Ownglyph_meetme-Rg';} body{font-size: 14px;} table{font-family: 'Ownglyph_meetme-Rg';} table{font-size: 14px;} td{font-family: 'Ownglyph_meetme-Rg';} td{font-size: 14px;} input{font-family: 'Ownglyph_meetme-Rg';} input{font-size: 14px;} form{font-family: 'Ownglyph_meetme-Rg';} form{font-size: 14px;} textarea{font-family: 'Ownglyph_meetme-Rg';} teexarea{font-size: 14px;} div {background-image:url('https://t1.daumcdn.net/cafeattach/1Zbhf/edc1f458eea21f0f5566471d937d12f0865715fa');} </style> </head> <body> </body> </html> <style> #mArticle > div:nth-child(7) {display: none;} ins div{display:none;} </style> <div data-ke-class="article"><style> h3 {color: rgba(0, 0, 0, 0); font-size: 1pt !important; background: url('https://ifh.cc/g/rnyXGH.png')no-repeat center; background-size: contain; padding: 120px 0 120px 0; } </style></div>"><div data-ke-class="article"><div data-ke-class="article"><style> #mArticle li div:first-child:after{ content: "한입만˚ෆ*₊"; } </style></div> <!DOCTYPE html> <xhtml> <head> <link href="./style.css" rel="stylesheet" type="text/css"> <style type="text/css"> @font-face { @font-face { font-family: 'Ownglyph_meetme-Rg'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_1@1.0/Ownglyph_meetme-Rg.woff2') format('woff2'); font-weight: normal; font-style: normal; } } p{font-family: 'Ownglyph_meetme-Rg';} p{font-size: 14px;} br{font-family: 'Ownglyph_meetme-Rg';} br{font-size: 14px;} body{font-family: 'Ownglyph_meetme-Rg';} body{font-size: 14px;} table{font-family: 'Ownglyph_meetme-Rg';} table{font-size: 14px;} td{font-family: 'Ownglyph_meetme-Rg';} td{font-size: 14px;} input{font-family: 'Ownglyph_meetme-Rg';} input{font-size: 14px;} form{font-family: 'Ownglyph_meetme-Rg';} form{font-size: 14px;} textarea{font-family: 'Ownglyph_meetme-Rg';} teexarea{font-size: 14px;} div {background-image:url('https://t1.daumcdn.net/cafeattach/1Zbhf/edc1f458eea21f0f5566471d937d12f0865715fa');} </style> </head> <xbody> </xbody> </xhtml> <style> #mArticle > div:nth-child(7) {display: none;} ins div{display:none;} </style> <div data-ke-class="article"><style> h3 {color: rgba(0, 0, 0, 0); font-size: 1pt !important; background: url('https://ifh.cc/g/rnyXGH.png')no-repeat center; background-size: contain; padding: 120px 0 120px 0; } </style></div></div></div><p><div data-ke-class="article"><style> <br><br>#mArticle li div:first-child:after{ content: "사랑놀이"; } <br><br></style></div> <br><!DOCTYPE html> <br><html> <br><head> <br><link href="./style.css" rel="stylesheet" type="text/css"> <br><style type="text/css"> <br><br>@font-face { <br>    font-family: 'KCCChassam'; <br>    src: url('<a href="https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/KCCChassam.woff2')" target="_blank" class="ke-link">https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/KCCChassam.woff2')</a> format('woff2'); <br>    font-weight: normal; <br>    font-style: normal; <br>} <br>p{font-family: 'KCCChassam';} <br>p{font-size: 14px;}  <br>br{font-family: 'KCCChassam';}  <br>br{font-size: 14px;} <br>body{font-family: 'KCCChassam';} <br>body{font-size: 14px;} <br>table{font-family: 'KCCChassam';} <br>table{font-size: 14px;} <br>td{font-family: 'KCCChassam';} <br>td{font-size: 14px;} <br>input{font-family: 'KCCChassam';} <br>input{font-size: 14px;} <br>form{font-family: 'KCCChassam';} <br>form{font-size: 14px;} <br>textarea{font-family: 'KCCChassam';} <br>teexarea{font-size: 14px;} <br><br>div {background-image:url('<a href="https://t1.daumcdn.net/cafeattach/1Zbhf/5da556f814e7a926310eb2f106aeb4b6dbd7e169');" target="_blank" class="ke-link">https://t1.daumcdn.net/cafeattach/1Zbhf/5da556f814e7a926310eb2f106aeb4b6dbd7e169');</a>} <br><br></style> <br></head> <br><body> <br></body> <br></html> <br><br><br><style> <br>#mArticle > div:nth-child(7) {display: none;} <br>ins div{display:none;} <br></style> <br><br><div data-ke-class="article"><style> <br>h3 {color: rgba(0, 0, 0, 0); font-size: 1pt !important; <br>background: url('<a href="https://t1.daumcdn.net/cafeattach/1Zbhf/1bc1a87c0a28890eb4f1b6367e7255ef8a9f316a')no-repeat" target="_blank" class="ke-link">https://t1.daumcdn.net/cafeattach/1Zbhf/1bc1a87c0a28890eb4f1b6367e7255ef8a9f316a')no-repeat</a> center; <br>background-size: contain; <br>padding: 120px 0 120px 0; <br>} </style></div></p>