HTML - Hypertext Markup Language
1. Tag <a></a> - defines a hyperlink.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pi Academy</title>
</head>
<body>
<!--
rel - Hazirki sehife ile baglanti verilmiw sehife arasinda elaqeni gosterir
noopener noreferrer - tehlukesizlik ucundur
nofollow - mesuliyyeti boynundan atir
stylesheet - acilan sehifede stil wablonlari oldugunu bildirir
alternate - yeni acilacaq sehife hazirki sehifenin bir alternatividir
target - baglantinin harada acilacagini gosterir
_blank - baglantini yeni pencerede acir
_self - baglantini hemin sehifede acir
_parent - baglantini esas pencerede acir
_top - baglantini en ustde acir
-->
<a href="http://google.com" target="_top">Go to google</a>
</body>
</html>
2.
<!DOCTYPE html>
<br lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<hr>
<!--
<br> - break line
<hr> - horizontal line
<b></b> - makes bold
<strong></strong> - makes bold
<mark></mark> - marks sentence
<dfn></dfn> - shows definition of abbreviations
title="something" - shows something when a mouse is hovered over it
<code></code> - shows as code
<samp></samp> - shows as code
<i></i> - shows italic
<q></q> - adds quotation
<u></u> - underlines text
<ins></ins> - underlines text
<del></del> - deletes or cross text
<sub></sub> - uder
<sup></sup> - over
-->
<br>Parvin Etibarli </br> <hr> Baloglan oglu </br>
<b>Salamlar</b><br>
<strong>Strong</strong><br>
<mark>Marking this sentence</mark>
<p>ATU <dfn>Azerbaycan Tibb Universiteti</dfn></p>
<p title="Azerbaycan">ATU</p>
<code>it is my code</code>
<samp>this is my sample</samp>
<br>
<i>italic word</i>
<br>
<q>with quotation</q> <br>
<u>uderlined text</u> <br>
<del>deletes text</del> <br>
<ins>underlined text</ins>
<p>H<sub>2</sub>O</p>
<p>X<sup>2</sup></p>
</body>
</html>
3.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
<abbr></abbr> - abbriviature
<blockquote></blockquote> - this is text in the middle of page
<img> - to put image
width - width of the image
height - height of the image
border - border of the image
alt - if something happens with image this will show a text(for exmple: image is crashed)
srcset - opens an image according to the resolution of the monitor
-->
<abbr title="Azerbaycan Tibb Universiteti">ATU</abbr>
<blockquote>Parvin Etibarli</blockquote>
<img srcset="flamingo1x.jpg 1x, flamingo2x.jpg 2x, flamingo3x.jpg 3x, flamingo4x.jpg 4x">
</body>
</html>
4.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
<ul></ul> - unordered list
<li></li> - list
<ol></ol> - ordered list
<dl></dl> - grouped list
<table></table> - creates table
<tr></tr> - table row
<td></td> - table data
<th></th> - table head
<caption></caption> - defines the head of the table
-->
<ul type = "circle">
<li>HTML</li>
<li>CSS</li>
<li>JS</li>
<li>Java</li>
</ul>
<ol type = "I">
<li>HTML</li>
<li>CSS</li>
<li>JS</li>
<li>Java</li>
</ol>
<dl>
<dt>Yemekler</dt>
<dd>Kabab</dd>
<dd>Salat</dd>
<dd>Qovurma</dd>
<dt>Ickiler</dt>
<dd>Fanta</dd>
<dd>Kola</dd>
<dd>Ayran</dd>
</dl>
<table border="2" align="center" width="100%">
<caption>People</caption>
<tr>
<th colspan="3">Students</th>
</tr>
<tr>
<th>Name</th>
<th>Surname</th>
<th>Age</th>
</tr>
<tr>
<td>Parvin</td>
<td>Etibarli</td>
<td>29</td>
</tr>
</table>
</body>
</html>
5.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Registration</title>
</head>
<body>
<!--
-->
<fieldset>
<legend>Registration</legend>
<form action="" method="" enctype="multipart/form-data">
<label for="name">
Your name:
<input type="text" name="name" id="name" placeholder="Inser your name here..." disabled="">
</label><br>
<label for="surname">
Your surname:
<input type="text" name="surname" id="surname" readonly="">
</label><br>
<label for="father name">
Your fathers name:
<input type="text" name="father name" autocomplete="on">
</label><br>
<label for="email">
Email:
<input type="email" name="email" autocomplete="off">
</label><br>
<label for="password">
Your password:
<input type="password" name="password" required="" minlength="4" autofocus="">
</label><br>
<label for="photo">
Your photo:
<input type="file" name="phote" accept="image/*">
</label><br>
<label for="">
<input type="file" name="files[]" multiple>
</label><br>
<label for="">
<input type="file" name="file" value="select something" accept="image/*">
</label><br>
<label for="">
<input type="checkbox" name="checkbox" checked>
I accept all.
</label><br>
<label for="">
<input type="radio" name="sex">
Man
</label>
<label for="">
<input type="radio" name="sex">
Woman
</label><br>
<label for="">
<input type="range" name="" id="">
</label><br>
<label for="">
<input type="submit" name="submit" value="submit">
</label><br>
<label for="">
<input type="reset" name="reset" value="Sifirla">
</label><br>
<label for="">
Search:
<input type="search">
</label><br>
<label for="">
Search for Web Site:
<input type="url">
</label><br>
<label for="">
<input list="Front-End">
<datalist id="Front-End">
<option value="HTML">
<option value="CSS">
<option value="React">
</datalist>
</label><br>
<label for="">
<select>
<optgroup label="Front-End">
<option selected>HTML</option>
<option>CSS</option>
</optgroup>
<optgroup label="Back-End">
<option selected>Java</option>
<option>C++</option>
</optgroup>
</select>
</label><br>
<input type="date">
<input type="color">
<input type="number" min="5" max="10"><br>
<textarea name="" id="" cols="30" rows="10"></textarea>
</form>
</fieldset>
</body>
</html>
6.
Комментарии
Отправить комментарий