-
Notifications
You must be signed in to change notification settings - Fork 0
/
blogpost.html
119 lines (112 loc) · 5.04 KB
/
blogpost.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/x-icon" href="images/article1.jpg">
<title>Diary - Bloggers Destination</title>
<link rel="stylesheet" href="css/styles.css" />
<link rel="stylesheet" href="css/utils.css" />
<link rel="stylesheet" href="css/blogpost.css" />
<link rel="stylesheet" href="css/mobile.css" />
</head>
<body>
<nav class="navigation">
<div class="nav-left">
<span>MyDiary</span>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact us</a></li>
</ul>
</div>
<div class="nav-right">
<form action="/search.html" method="get" >
<input class="nav-input" type="text" name="query" placeholder="Search here..." />
<button type="submit" class="btn">Search</button>
</form>
</div>
</nav>
<div class="blog-img">
<img src="images/article1.jpg" alt="">
</div>
<div class="blogpost-content max-width-2 m-auto my-2">
<h1 class="font1">Bloggers are warmly welcome</h1>
<div class="blogpost-meta">
<div class="blogpost-author">
<div>
<b>Author - PQR (Owner XYZ) </b>
</div>
<div>
02 October. 4 min read
</div>
</div>
<div class="social">
<a href="https://www.linkedin.com"><img src="images/linkedin.png" alt=""></a>
<a href="https://twitter.com/login?lang=en"><img src="images/twitter2.png" alt=""></a>
<a href="https://www.facebook.com/"><img src="images/face2.jpg" alt=""></a>
</div>
</div>
<div id="msg"></div>
<p class="font1">
The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser. It defines the meaning and structure of web content. It is often assisted by technologies such as Cascading Style Sheets (CSS) and scripting
languages such as JavaScript.
Web browsers receive HTML documents from a web server or from local storage and render the documents
into multimedia web pages. HTML describes the structure of a web page semantically and originally
included cues for its appearance.
HTML elements are the building blocks of HTML pages. With HTML constructs, images and other objects
such as interactive forms may be embedded into the rendered page. HTML provides a means to create
structured documents by denoting structural semantics for text such as headings, paragraphs, lists,
links, quotes, and other items. HTML elements are delineated by tags, written using angle brackets.
Tags such as directly introduce content into the page. Other tags such as and surround and provide
information about document text and may include sub-element tags. Browsers do not display the HTML
tags but use them to interpret the content of the page.
HTML can embed programs written in a scripting language such as JavaScript, which affects the behavior and content of web pages. The inclusion of CSS defines the look and layout of content. The World Wide Web Consortium (W3C), former maintainer of the HTML and current
maintainer of the CSS standards, has encouraged the use of CSS over explicit presentational HTML
since 1997.
</p>
</div>
<div class="max-width-1 m-auto">
<hr />
</div>
<div class="h-articles max-width-1 m-auto my-2 font1">
<h1>People also preferred.. </h1>
<div class="row">
<div class="h-article more-post">
<div class="h-article-img">
<img src="images/p4.jpg" alt="article-image">
</div>
<div class="h-article-content center">
<a href="/blogpost.html"><h4>Gaano ki dhun.. </h4></a>
<div>Author name: </div>
<span>9th January | 9 min read..</span>
</div>
</div>
<div class="h-article more-post">
<div class="h-article-img">
<img src="images/p5.jpg" alt="article-image">
</div>
<div class="h-article-content center">
<a href="/blogpost.html"><h4>Doggys</h4></a>
<div>Author name: </div>
<span>9th January | 9 min read..</span>
</div>
</div>
<div class="h-article more-post">
<div class="h-article-img">
<img src="images/p6.jpg" alt="article-image">
</div>
<div class="h-article-content center">
<a href="/blogpost.html"><h4>Forest all around </h4></a>
<div>Author name: </div>
<span>9th January | 9 min read..</span>
</div>
</div>
</div>
</div>
<div class="footer ">
<p>Copyright © MyDiary.com</p>
<a href="https://www.pexels.com/search/technology/">Vector Credits: Pexels</a>
</div>
</body>
</html>