Pre Code Demo in Blogger Blog Post
When new study made a post about tutorial Blogger that include codes
CSS , HTML , or Javascript , I use the Pre code tag . Pre Code used
to display HTML code and the other is the reason for Pre Code tags
already available at the post editor with quotes on the menu editor
posts.
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
.grid { display: grid; grid-template-rows: repeat(6, 1fr); grid-template-columns: repeat(12, 1fr); grid-gap: 10px; } .box { color: white; font-size: 4vw; padding: 10px; background: gold; text-align: center; } .box:nth-child(1) { grid-column: span 12; } .box:nth-child(2), .box:nth-child(3) { grid-column: span 6; } .box:nth-child(4), .box:nth-child(5), .box:nth-child(6) { grid-column: span 4; } .box:nth-child(7), .box:nth-child(8), .box:nth-child(9), .box:nth-child(10) { grid-column: span 3; } .box:nth-child(11), .box:nth-child(12), .box:nth-child(13), .box:nth-child(14), .box:nth-child(15), .box:nth-child(16) { grid-column: span 2; } @media screen and (max-width: 575px) { .grid { display: block; } .box { margin: 10px 0; } }
<script>
var x, y, z; // Declare 3 variables
x = 5; // Assign the value 5 to x
y = 6; // Assign the value 6 to y
z = x + y; // Assign the sum of x and y to z
document.getElementById("demo").innerHTML =
"The value of z is " + z + ".";
</script>
Comments
Post a Comment