Ejemplo: plantillas de blog html
DOCTYPEhtml><htmllang="en"><head><metaname="viewport"content="width=device-width, initial-scale=1"><linkrel="shortcut icon"type="image/x-icon"href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSR6SO04GHo8BYUFhCfYsa0zYFcJU3doLpeow&usqp=CAU"><style>*box-sizing: border-box;/* Add a gray background color with some padding */bodybackground-image:url("https://media.giphy.com/media/BHNfhgU63qrks/giphy.gif");background-color:#cccccc;font-family: Arial;padding:20px;pcolor:rgb(255,196,0)/* Header/Blog Title */.headerpadding:30px;font-size:40px;text-align: center;background:white;/* Create two unequal columns that floats next to each other *//* Left column */.leftcolumnfloat: left;width:75%;/* Right column */.rightcolumnfloat: left;width:25%;padding-left:20px;.fakeimgbackground-color:#aaa;width:100%;padding:20px;/* Add a card effect for articles */.cardbackground-color:white;padding:20px;margin-top:20px;/* Clear floats after the columns */.row:aftercontent:"";display: table;clear: both;/* Footer */.footerpadding:20px;text-align: center;background:#ddd;margin-top:20px;h2color:rgb(255,0,0)/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */@media screen and(max-width:800px).leftcolumn,.rightcolumnwidth:100%;padding:0;style>head><body><divclass="header"><title>SAM BLOGtitle><h2>SAM'S CODING BLOGh2>div><divclass="row"><divclass="leftcolumn"><divclass="card"><h2>EDITORS I USEh2><h5>Code Editorsh5><imgsrc="https://www.elegantthemes.com/blog/wp-content/uploads/2019/01/000-VS-Code.png"alt="vscode"width="400"height="333"><imgsrc="https://pbs.twimg.com/profile_images/502135348663578624/-oslcYof.png"alt="p5js"width="400"height="333"><p>p><p>.p>div><divclass="card"><h2>Follow Me On CodePen:h2><imgsrc="https://assets.editor.p5js.org/5fb117e4611b90002435b515/fd822bc6-996f-426b-af9a-0565fd2566d0.jpg"alt="p5js"width="1000"height="333"><ahref="https://codepen.io/ss2-apps"target="_blank"style="text-align:center;">CodePena>div>div><divclass="rightcolumn"><divclass="card"><h2>About Meh2><imgsrc="https://assets.editor.p5js.org/5fb117e4611b90002435b515/eeef3c9c-4d68-42cc-91e2-c4595c33456d.jpg"alt="sam"width="300"height="333"><p>I am Sameeraz i am 13years old.p>div><divclass="card"><h3>Popular Websitesh3><imgsrc="https://assets.editor.p5js.org/5fb117e4611b90002435b515/f750eb79-7612-436b-b02b-460a7d2d03c8.jpg"alt="sam"width="300"height="333"><ahref="https://samrecorder.netlify.app"target="_blank"style="text-align:center;">__________Visit This Website__________a>div><divclass="card"><h3>Follow Meh3><ahref="https://twitter.com/SAMEERAZ7"target="_blank"style="text-align:center;">______________Twitter_________________a>div>div>div><divclass="footer"><h2>h2>div>body>html>Si te gustó nuestro trabajo, tienes el poder dejar una noticia acerca de qué le añadirías a esta reseña.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)