In this article we will learn about some of the frequently asked HTML programming questions in technical like “blog templates html” Code Answer. When creating scripts and web applications, error handling is an important part. If your code lacks error checking code, your program may look very unprofessional and you may be open to security risks. Error or stack handling on html was simple and easy. An error message with filename, line number and a message describing the error is sent to the browser. This tutorial contains some of the most common error checking methods in HTML. Below are some solution about “blog templates html” Code Answer.
blog templates html
xxxxxxxxxx
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
<meta name="viewport" content="width=device-width, initial-scale=1">
5
<link rel="shortcut icon" type="image/x-icon" href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSR6SO04GHo8BYUFhCfYsa0zYFcJU3doLpeow&usqp=CAU">
6
<style>
7
* {
8
box-sizing: border-box;
9
}
10
11
/* Add a gray background color with some padding */
12
body {
13
background-image: url("https://media.giphy.com/media/BHNfhgU63qrks/giphy.gif");
14
background-color: #cccccc;
15
font-family: Arial;
16
padding: 20px;
17
}
18
p{
19
color : rgb(255, 196, 0)
20
}
21
/* Header/Blog Title */
22
.header {
23
padding: 30px;
24
font-size: 40px;
25
text-align: center;
26
background: white;
27
}
28
29
/* Create two unequal columns that floats next to each other */
30
/* Left column */
31
.leftcolumn {
32
float: left;
33
width: 75%;
34
}
35
36
/* Right column */
37
.rightcolumn {
38
float: left;
39
width: 25%;
40
padding-left: 20px;
41
}
42
43
44
.fakeimg {
45
background-color: #aaa;
46
width: 100%;
47
padding: 20px;
48
}
49
50
/* Add a card effect for articles */
51
.card {
52
background-color: white;
53
padding: 20px;
54
margin-top: 20px;
55
}
56
57
/* Clear floats after the columns */
58
.row:after {
59
content: "";
60
display: table;
61
clear: both;
62
}
63
64
/* Footer */
65
.footer {
66
padding: 20px;
67
text-align: center;
68
background: #ddd;
69
margin-top: 20px;
70
}
71
h2{
72
color : rgb(255, 0, 0)
73
}
74
/* 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 */
75
@media screen and (max-width: 800px) {
76
.leftcolumn, .rightcolumn {
77
width: 100%;
78
padding: 0;
79
}
80
}
81
</style>
82
</head>
83
<body>
84
<div class="header">
85
<title>SAM BLOG</title>
86
<h2>SAM'S CODING BLOG</h2>
87
</div>
88
89
<div class="row">
90
<div class="leftcolumn">
91
<div class="card">
92
<h2>EDITORS I USE</h2>
93
<h5>Code Editors</h5>
94
<img src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/01/000-VS-Code.png" alt="vscode" width="400" height="333">
95
<img src="https://pbs.twimg.com/profile_images/502135348663578624/-oslcYof.png" alt="p5js" width="400" height="333">
96
<p></p>
97
<p>.</p>
98
</div>
99
<div class="card">
100
<h2>Follow Me On CodePen:</h2>
101
<img src="https://assets.editor.p5js.org/5fb117e4611b90002435b515/fd822bc6-996f-426b-af9a-0565fd2566d0.jpg" alt="p5js" width="1000" height="333">
102
<a href="https://codepen.io/ss2-apps" target="_blank" style="text-align:center;">CodePen</a>
103
</div>
104
</div>
105
<div class="rightcolumn">
106
<div class="card">
107
<h2>About Me</h2>
108
<img src="https://assets.editor.p5js.org/5fb117e4611b90002435b515/eeef3c9c-4d68-42cc-91e2-c4595c33456d.jpg" alt="sam" width="300" height="333">
109
<p>I am Sameeraz i am 13years old.</p>
110
</div>
111
<div class="card">
112
<h3>Popular Websites</h3>
113
<img src="https://assets.editor.p5js.org/5fb117e4611b90002435b515/f750eb79-7612-436b-b02b-460a7d2d03c8.jpg" alt="sam" width="300" height="333">
114
<a href="https://samrecorder.netlify.app" target="_blank" style="text-align:center;">__________Visit This Website__________</a>
115
</div>
116
<div class="card">
117
<h3>Follow Me</h3>
118
<a href="https://twitter.com/SAMEERAZ7" target="_blank" style="text-align:center;">______________Twitter_________________</a>
119
</div>
120
</div>
121
</div>
122
123
<div class="footer">
124
<h2></h2>
125
</div>
126
127
</body>
128
</html>
129