Skip to content

Esempio di codice del modello html dell'articolo di blog

Restate sintonizzati perché in questa recensione troverete la soluzione che cercate.

Esempio: modelli di 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 */body{background-image:url("https://media.giphy.com/media/BHNfhgU63qrks/giphy.gif");background-color:#cccccc;font-family: Arial;padding:20px;}p{color:rgb(255,196,0)}/* Header/Blog Title */.header{padding:30px;font-size:40px;text-align: center;background:white;}/* Create two unequal columns that floats next to each other *//* Left column */.leftcolumn{float: left;width:75%;}/* Right column */.rightcolumn{float: left;width:25%;padding-left:20px;}.fakeimg{background-color:#aaa;width:100%;padding:20px;}/* Add a card effect for articles */.card{background-color:white;padding:20px;margin-top:20px;}/* Clear floats after the columns */.row:after{content:"";display: table;clear: both;}/* Footer */.footer{padding:20px;text-align: center;background:#ddd;margin-top:20px;}h2{color: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,.rightcolumn{width: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>

Vi mostriamo le recensioni e le valutazioni dei lettori



Utilizzate il nostro motore di ricerca

Ricerca
Generic filters

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.