Bəlkə bir az heyçtieməl ?!
Hissə 2.
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<!--Paraqraf bu şəkildə yazılmasına baxmayaraq (alt-alta) browser
bunu qəbul etmədən
aşağıdakı cümləni
bir xətt üzrə ekrana yansıdır.(təbii ki,əgər cümlə uzun olarsa ardının aşağı
düşmə ehtimalı var )-->
<p>
This
paragraph
contains a
lot of lines
in the
source code,
but the
browser
ignores
it.
</p>
<!-- Paraqraf
bu şəkildə yazılmasına baxmayaraq (alt-alta və boşluq buraxılaraq) browser bunu
qəbul etmədən aşağıdakı cümləni bir xətt üzrə və boşluq məsafəsi çox olmadan
ekrana yansıdır.(təbii ki,əgər cümlə uzun olarsa ardının aşağı düşmə ehtimalı
var)-->
<p>
This
paragraph
contains a lot of spaces
in the
source code,
but
the browser
ignores
it.
</p>
<hr>
<!--Yox əgər
yazdığınız cümlənin istəyə görə hansı yerindən kəsilib aşağıdan yazılmasını (bir
sözlə yeni sətirdən )istəyirsinizsə o zaman br taq-ından istifadə etmək olar.(br
taq-ı açılıb,lakin bağlanmayan taq-lar sırasındadır).Bu şəkildə də ifadə etmək
olar (br və ya br/ (sonunda slash işarəsi)))-->
<p>This
is <br/> a paragraph<br/> with line breaks</p>
<hr>
<!—Əvvəlki
nümunədə qeyd etdiyim kimi paraqraf daxilində boşluq iqnor edilir (bu nümunədəki
cümlələr tək sətirdə yazılacaq)-->
<p> In
HTML spaces and new lines are ignored : </p>
<p>
My Bonnie
lies over the ocean.
My Bonnie
lies over the sea.
My Bonnie
lies over the ocean.
Oh, bring
back my Bonnie to me.
</p>
<hr>
<!--Lakin eyni nümunəni biz həm
paraqraf həm də pre taq-ın içərisində yazsaq nümunəmizin alt-alta (şeir formasında)yazsılmasını
əldə edərik-->
<p> The
pre tag reserves both spaces and line breaks</p>
<pre>
My Bonnie lies over
the ocean.
My Bonnie lies over
the sea.
My Bonnie lies over
the ocean.
Oh, bring back my
Bonnie to me.
</pre>
<hr>
<!--Başlığın yazı rəngi qırmızı və yaşıldır (color dəyişəni hərf rəngini
ifadə etmək üçün nəzərdə tutulub)-->
<h2
style="color :red ;" > I am a red </h2>
<h2
style="color :green ;" > I am a green </h2>
<hr>
<!--Browser - də arxa fon rəngini dəyişmək üçün -->
<body style= "background-color: white
;"> </body>
<hr>
<!--Başlıqların
yazı şriftlərini ifadə edir -->
<h3 style
="font-family:verdana;">This is a heading</h3>
<p style
="font-family:courier">This is a paragraph</p>
<hr>
<!-- Basliqlarin
yazi ölçülərini ifadə edir -->
<h3
style="font-size:200%;">This is a heading</h3>
<p
style="font-size:100%;">This is a paragraph</p>
<hr>
<!--Başlığın
yerini (harada yerləşməsini)təmin edir:left-center-right-->
<h4
style="text-align:left;">Left Heading</h4>
<h4
style="text-align:center;">Centered Heading</h4>
<h4
style="text-align:right;">Right Heading</h4>
<hr>
<!--Text-ə dair
incəliklər 1 -->
<p>This text
is normal</p>
<p><b>This text is bold</b></p>
<p><strong>This text is strong</strong></p>
<p><i>This text is italic</i></p>
<p><em>This text is emphasized</em></p>
<hr>
<!-- Text-ə
dair incəliklər 2-->
<h2>HTML
<small>Small</small> Formatting</h2>
<h2>HTML
<mark>Marked</mark> Formatting</h2>
<hr>
<!-- Text-ə
dair incəliklər 3-->
<!--blue
yazısının üzərindən xətt çəkir,lakin onu silmir,sadəcə red ilə əvəz edirmiş
kimi gosterir-->
<p
style="color:red">The del elements represents deleted (removed)
text</p>
<p>My
favorite color is <del>blue</del> red</p>
<hr>
<!--Bu taq sayəsində
bir növ əsas söz (color sözünün)ön plana çıxardılaraq altından xətt çəkilmiş
formada göstərilir -->
<p
style="color:red">The ins element represent inserted (added)
text </p>
<p>My
favorite <ins>color</ins> is red</p>
<hr>
<!-- Text-ə
dair incəliklər 4-->
<!--yazılan yazı:aşağıya
doğru -->
<p>This is
<sub>subscripted</sub> text</p>
<!-- yazılan
yazı:yuxarıya doğru -->
<!--Qeyd :bu
element bizə düsturlarda lazım olacaq : (Einstein düsturunda)E= mc(c üzərindəki
2 rəqəmini(yəni kvadrat ifadəsini)bu element sayəsində edə bilərik (üzərində mənasında))-->
<p>This is
<sup>superscripted</sup> text</p>
<hr>
<!--Bu taq sayəsində
ifadəni dırnaq içərisində ("
") qeyd edə bilərik-->
<p
style="color:red">Browsers usually insert quotation marks
around the q element </p>
<p> WWF's
goal is to: <q> Build a future where people live in harmony with nature
</q> </p>
<hr>
<!--blockquote:söz ya da mətin göstərmək üçün istifadə edilir.-->
<p style="color:red">The
HTML blockquote element defines a quoted section</p>
<blockquote>
Write Once, Run Anywhere </blockquote>or
<blockquote
cite="http://www.worldwildlife.org/who/index.html">
For 50 years,
WWF has been protecting the future of nature.The world's leading conservation
organization, WWF works in 100 countries and is supported by 1.2 million
members in the United States and close to 5 million
globally.</blockquote>
<hr>
<!--Bu element əsasən
abbreviations (abbr)yəni ixtisar və ya
qısaltma mənasında bizim köməyimizə çatır -->
<p
style="color:red">The HTML abbr element defines an abbreviation or
an acronym.
Marking
abbreviations can give useful information to browsers, translation systems and
search-engines.</p>
<p>The
<abbr title="World Health Organization"> WHO </abbr> was
founded in 1948 </p>
<hr>
<!--Bu element
adress(ünvan)qeyd edərkən istifadə olunur və adətən italic yazı formasında
yazılır -->
<p
style="color:red">The HTML address element defines contact
information (author/owner) of a document or article.The address element is usually
displayed in italic </p>
<address>
Written by
John Doe.<br>
Visit us
at:<br>
Example.com<br>
Box 564,
Disneyland<br>
USA
</address>
<hr>
<!--Example : rəssamın
əl işinin adını qeyd etmək üçün istifadə edilir və adətən italic yazı
formasında yazılır -->
<p
style="color:red">The HTML cite element defines the title of a
work.
Browsers
usually display cite elements in italic.</p>
<img src
="image/34.jpg" width="150" height="150" >
<p><cite>The Scream</cite> by Edvard Munch. Painted in
1893.</p>
<hr>
<!—Yazının
sağdan sola doğru və tərsinə yazılmış formasını bu şəkildə ifadə etmək
mümkündür (bir az varsayılandan fərqli formatda)-->
<p
style="color:red"> If your browser supports bi-directional override (bdo), the text line
will be written from right to left (rlt): </p>
<bdo
dir="rtl">This text will be written from right to left</bdo>
<hr>
<!--kbd: klaviyaturadan gələn bir yazının ifadə edir.-->
<p
style="color:red">The HTML kbd element defines keyboard
input:</p>
<kbd>Ctrl +
A </kbd>
<p>Ctrl + A
</p>
<kbd>File |
Open...</kbd>
<p>File |
Open...</p>
<hr>
<!--samp:Bir kompyuter
proqramından çıxan nəticəni qeyd etmək üçün istifadə edilir.-->
<samp>Hello
World </samp>
<p>Hello
World </p>
<hr>
<!--Proqram kodlarını---
paraqraf,pre,code ---ardıcıllığı ilə yazıldığı zaman səliqəli görsənir.(yəni
anlaşılır şəkildə yazmaq üçün istifadə edə bilərik,çünki browser egər biz bu
ifadəni pre elementi arasında yazmasaydıq tək sətrdə yazacaq və biz kodu oxumaqda
çətinlik çəkəcəkdik)-->
<p
style="color:red">The code element does not preserve extra
whitespace and line-breaks.To fix this, you can put the code element inside a
pre element:
</p>
<pre>
<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>
</pre>
<hr>
<!--Variable(var)yəni
dəyişənləri ifadə etmək üçün istifadə olunur.Bayaqkı qeyddə yazdığım kimi düsturlarda
istifadə edilən sup taq-ı burada bizim köməyimizə çatir -->
<p
style="color:red">The HTML var
element defines a variable.The variable could be a variable in a mathematical
expression or a variable in programming context:
</p>
<p>Einstein
wrote: <var>E</var> =
<var>m</var><var>c</var><sup>2</sup></p>
<hr>
<p
style="color:red" Comments are not displayed in the browser
></p>
<!--Qeyd :Şərhlər
(Commnet) browser tərəfindən qeydə alinmır ...-->
<!--Şərhin
özünü bu şəklidə ifadə edirik: (nida(!)işarəsi ,daha sonra iki tre(--),ediləcək
şərh və daha sonra təkrar iki tre(--)
-->
<p><!--
This is a comment--> Comment </p>
<hr>
<!—Şərhlər yazarkən diqqət edin,əks halda
yazdığınız kod qeydə alınmayacaq -->
<p
style="color:red"> Comments are also great for debugging HTML,because
you can comment out HTML lines of code, one at a time, to search for
errors:</p>
<!-- Do not display
this at the moment<img border="0" src="pic_mountain.jpg"
alt="Mountain">-->
<hr>
<!--Başlıq üçün
rəng qeydləri 1-->
<h2 style
="background-color:red "> Red</h2>
<h2 style
="background-color:yellow ">Yellow </h2>
<h2 style
="background-color:orange ">Orange</h2>
<h2 style
="background-color:blue;color:white ">Blue</h2>
<h2 style
="background-color:green ;color:white">Green</h2>
<hr>
<!-- Başlıq
üçün rəng qeydləri 2-->
<!--Qeyd:
Buradakı rbg-nın açılışı:red-blue-green
mənasındadır (qırmızı-mavi-yaşıl)</p>-->
<h2 style
="background-color:rgb(255,0,0) ">rgb(255,0,0)</h2>
<h2 style
="background-color:rgb(0,255,0) ">rgb(0,255,0)</h2>
<h2 style
="background-color:rgb(0,0,255) ">rgb(0,0,255)</h2>
<h2 style
="background-color:rgb(255,255,0)">rgb(255,255,0)</h2>
<h2 style
="background-color:rgb(255,0,255)">rgb(255,0,255)</h2>
<h2 style
="background-color:rgb(0,255,255)">rgb(0,255,255)</h2>
<hr>
<!-- Başlıq
üçün rəng qeydləri 3-->
<h2 style
="background-color:rgb(0,0,0) ;color:white">rgb(0,0,0)</h2>
<h2 style
="background-color:rgb(128,128,128);color:white
">rgb(128,128,128)</h2>
<h2 style
="background-color:rgb(255,255,255)">rgb(255,255,255)</h2>
<hr>
<!-- Başlıq üçün
rəng qeydləri 4-->
<h2 style
="background-color:#FF0000">#FF0000</h2>
<h2 style
="background-color:#00FF00">#00FF00</h2>
<h2 style
="background-color:#0000FF">#0000FF</h2>
<h2 style
="background-color:#FFFF00">#FFFF00</h2>
<h2 style ="background-color:#FF00FF">#FF00FF</h2>
<h2 style
="background-color:#00FFFF">#00FFFF</h2>
<hr>
<!-- Başlıq
üçün rəng qeydləri 5-->
<h2 style
="background-color:#000000;color:white">#000000</h2>
<h2 style
="background-color:#808080;color:white ">#808080</h2>
<h2 style
="background-color:#FFFFFF">#FFFFFF</h2>
<hr>
</body>
</html>
Comments
Post a Comment