HTML
HTML tag va attribut lardan iborat.

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1 style="text-decoration: underline;"> This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
Qism
<div> Block element </div>
<span> Block element </span>
Sarlavhalar
<h1>H1 matn</h1>
<h2>H2 matn</h2>
<h3>H3 matn</h3>
<h4>H4 matn</h4>
<h5>H5 matn</h5>
<h6>H6 matn</h6>
Yangi satr
<p>text</p>
Rasm
<img src="/demo.jpg" alt="description" height="48" width="100" />
Link
Oddiy link
<a href="https://www.uqituvchi.uz " target="_blank" rel="nofollow">O'qituvchi.uz </a>
Mailto link (elektron pochta)
<a href="mailto:login@uqituvchi.uz?Subject=test" target="_top"> elektron pochta yuborish </a>
Inner anchor (Sahifadagi sarlavhaga link)
<a href="#footer">Jump to footnote</a>
<a name="footer">Footnote content </a>
Matn
Bold text
<strong>Bold text</strong>
Italic text
<em>Italic text</em>
Underlined text
<span style="text-decoration: underline;">Underlined text</span>
Abbreviation
<abbr title="Hypertext Markup Language">HTML</abbr>
Comment
<!-- HTML
Comment -->
Horizontal Line
<hr />
Line break
<br />
Quotation
<q>Success is a journey not a destination.</q>
<blockquote cite="https://www.uqituvchi.uz/">
The Rubik's Cube is the World’s best selling puzzle toy.
</blockquote>
Video
<video width="200" height="150" controls>
<source src="vid.mp4" type="video/mp4">
<source src="vid.ogg" type="video/ogg">
No video support.
</video>
Audio
<audio controls>
<source src="sound.ogg" type="audio/ogg">
<source src="sound.mp3" type="audio/mpeg">
No audio support.
</audio>
Jadval
<table>
<thead>
<tr>
<th>Name</th>
<th colspan="2">Phone</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>577854</td>
<td>577855</td>
</tr>
<tr>
<td>Jack</td>
<td>577856</td>
<td>577857</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>&nbsp;</td>
<td>Personal</td>
<td>Office</td>
</tr>
</tfoot>
</table>
Ro'yhat
<ul>
<li>First</li>
<li>Second</li>
<li>Third</li>
</ul>

<ol>
<li>First</li>
<li>Second</li>
<li>Third</li>
</ol>

<dl>
<dt>HTML</dt>
<dd>Hypertext Markup Language</dd>
<dt>CSS</dt>
<dd>Cascading Style Sheets </dd>
</dl>
Forma
<form action="/action.php" method="post">
Name: <input name="name" type="text" />
Age: <input max="99" min="1" name="age" step="1" type="number" value="18" />
<select name="gender">
<option selected="selected" value="male">Male</option>
<option value="female">Female</option>
</select>
<input checked="checked" name="newsletter" type="radio" value="daily" /> Daily <input name="newsletter" type="radio" value="weekly" /> Weekly
<textarea cols="20" name="comments" rows="5">Comment</textarea>
<label><input name="terms" type="checkbox" value="tandc" />Accept terms</label>
<input type="submit" value="Submit" />
</form>
CSS syntax
selector{
property: value;
property2: value2;
}

Tashqi css fileni yuklash
<link rel="stylesheet" type="text/css" href="/style.css" />

HTML filedagi style
<style type="text/css">
div {
color: #444;
}
</style>

Tagdagi style
<tag style="property: value"> </tag>
CSS selectorlar
* - barcha elementlar
div - barcha div taglar
div,p - barcha div and p taglar
div p - div ichidagi p taglar
div > p - div tagi ichidagi birinchi p taglar
div + p - div tagidan kegingi p taglar
div ~ p - div bilan birga kelga p taglar
.classname - barcha elementlar classname bo'yicha
#idname - id nomi bo'yicha
div.classnamediv taglar classname bo'yicha
div#idnamediv taglar ID nomi bo'yicha
Misol tariqasida:
<h1 style="text-decoration: underline;"> Sarlavha qismi </h1>

Natija:
 
JavaScript
Natija:
JavaScript natijasini browserning console qismida ko'riladi.
  • Internet Explorer (F12 -> Console)
  • Chrome va Firefox (Shift + CTRL + J)