<!DOCTYPE
html> <! HTML5, Баримтын
зарлалт >
<html
lang="en">
<head>
<meta
charset="utf-8"> <! HTML5, Encoding зарлалт >
<title>HTML5</title>
<style> /* дотоод
хэлбэрийн CSS эхлэл */
body { /* вэбийн
ерөнхий хэлбэр тодорхойлох
*/
font-family: Verdana;
font-size: 0.9em; }
header,
footer { /* хуудасны
толгой болон хөл мужийн хэлбэр
тодорхойлох */
padding: 10px;
color: white;
background-color: black; }
section { /* ерөнхий мэдээний
мужийн хэлбэр тодорхойлох
*/
margin: 5px;
padding: 10px;
background-color: lightgrey; }
article { /* мэдээ
оруулах мужийн хэлбэр
*/
margin: 5px;
padding: 10px;
background-color: white; }
nav ul { /* хуудасны цэс
мужийн хэлбэр */
padding: 0; }
nav ul li { /* цэсний
текстийн хэлбэр */
display: inline;
margin: 5px; }
</style> <! дотоод
хэлбэрийн CSS
төгсгөл >
</head>
<body>
<header> <! толгойн муж тодорхойлох
header таг >
<h1>Mongol
News</h1>
</header>
<nav> <! цэсний муж
тодорхойлох nav таг >
<ul>
<li>Мэдээ</li>
<li>Боловсрол</li>
<li>Нийгэм</li>
</ul>
</nav>
<section> <! мэдээний ерөнхий
муж тодорхойлох section
таг >
<h2>Мэдээний
хэсэг</h2>
<article> <! мэдээ
тодорхойлох article таг >
<h2>Мэдээ</h2>
<p>Hyper Text Markup Language буюу HTML
нь вэбийн үндсэн суурь хэл юм. 1990 онд анхны хувилбар гарснаас хойш өдгөө 5
дахь шинэчилсэн хувилбар нь (2008) одоо ч хөгжүүлэгдсээр байна.</p>
</article>
<article>
<h2>Мэдээлэл</h2>
<p>Hyper Text Markup Language буюу HTML
нь вэбийн үндсэн суурь хэл юм. 1990 онд анхны хувилбар гарснаас хойш өдгөө 5
дахь шинэчилсэн хувилбар нь (2008) одоо ч хөгжүүлэгдсээр байна.</p>
</article>
</section>
<footer> <! хөлний муж
тодорхойлох footer таг >
<p>©
2014 Mongol News</p>
</footer>
</body>
</html>
No comments:
Post a Comment