Академический Документы
Профессиональный Документы
Культура Документы
==========
��� ������ ��
Hyber Text markup language
�� ��� ����� �������� �� ���� ����� ������� ���� ������ �������
��� ������ ���� ���� �� ����� ������ ����� ����� ����� �� ������� ��� ��� ����� ��
�� �� �� ���� ����������
��� ��� ������� �� �� �������� ������ ��� ��������
�������� �� ����� �� ���� ��� ����� ����� ������� ���� �� ���� ��� ����� ������ ���
<p> ��� �������
</p> ��� �������
����� ��� ������� �� ����� ��� ����� ��� ������ ������
���
<br> ��� ��� ����
<img src=""> ��� ��� ���� �� ����
���� ����� ����� ����� �� �� �� ���� ���� ��� ����� ������ ����� �� �� �� ����� ��
���� ��� ����� ������ ������
<!DOCTYPE html>
<html>
<head>
�� ������ ��� �� ������� ������ ������ �������� ������� ��� ������� �� ��������
����� �������
</head>
<body>
�� ������ ��� �� ��� ������ ����� �� �������� ����� ��� �� �������
</body>
</html>
��
<a href="https://www.youtube.com" target="_blank">Click here to goto google</a>
���� ������ ������� ���� �� ����� ����
3# Attributes
=============
��������� �� ������ �� ����� �� ������ ������� ������ ���� ���� ����
��� ���� ���� ����� ����
��� ����� ����� ������ �� ��� ���� ���� ����� ����� ���� ����
4# Heading
==========
��� ����� ���� ���� ����� ���� ����� ������ ������ ����
���� �������� ������� ���� ���� �� ����� ���� ��������� ��� ������ ������ ������
����� ������ ����� ��� ������ ���� ���� ������ ��� �� ����
��� ������ �� ������ ������ ����� ���� �� ��� �������� �� ����� ���� ����� ��
������
�� ���� ����� ����� �� ���� ��� ����� ������
������ ��� ����� �� �������� �� 6 ������� ������� ��� ��� 1 ����� ��� ����� �� ���
����
<h1>Your Sentence</h1>
<h2>Your Sentence</h2>
<h3>Your Sentence</h3>
<h4>Your Sentence</h4>
<h5>Your Sentence</h5>
<h6>Your Sentence</h6>
5# Paragraph
============
��� ������� ������ �� ������ ��� ����
��� ��� ���� ���� ����� ������ ��� ���� ����� ������ �� ������ ������ �� ��� ���
������� �������� ��� ��� ���� ��� ������ ����� ��� �� ��� �� ������ ����� ����
�����
������ ������ �� ���� ��� ����� �� ���
<p>
Hey Guys I'm Here
my name's malek
</p>
����� ����� �������� ��� ��� ���� ����� ����� ��� ������
���� ���� ���� ������ ����� ���� ���� �� ���� ��� ��� ��� ���
<br>
����
<p>
Hey Guys I'm Here
<br>
my name's malek
</p>
6# images
=========
��� �����
��� �� ������� ���� ���� ��� ����
������� ���� ���� ���� ����� ����� �� ���� ������
����� �������� ������� ����� ������ ��� ���� ��� ����� ����� �� ���� �� ���� �����
��� ��������
���� ���� �� ���� ����� ��� �������� ���� ������ ����� ��� �����
���� ��� ���� ��� ����� ����� ����� �������� ���� �����
��� ���� �� ���� ���� �� ������ ������� ���� ������ ��� ��� ������ ��� ���� ������
�����
���� ���� �� ��� ������� ������� �� ������ ��� ��� ������ ��� ��� ��� �������
������
���� ���� ������ ���� ����� ��� �� ��� ������� ������� �� ������ ��� ��� ������
���� ��� ������� �� ��� ������ ���������
���� ���� ������ �� ����� ��� ������� ������� ��� ������ ��� ��� ������ ����
�������� ���� ������� ���
����� ������� ���� ���� ���� ����� ��� ������� ������ ���
alt="img couldn't loaded"
���� ��������� ���� ������ �� ������ �� �� ���� ��� ����� ������ ����� ��� ��
7# Anchor Links
===============
������� �������� ������ ������� ����
�������� �� �� �� ���� ���� ���� ���� ��� ���� ��� ������ ���� ������ �� ������
����� ����� ��� ��� ������
������� ���� ������ �� ������ ��� ������ ���� ������ ������� ���� ������
������� ���� ��� ������ �� ������ ��� �����
<a></a>
���� ����� �� ������ �� ��������� �� ������� ������ ���
����
<a href="https://www.google.com" target="_blank">Google</a>
��� ���� �� ����� ����
��� ������ ������� ��� ����� �� ������ ���� ������ ��� ����� ����� ������ �������
���� ������ ������
���� �� ��� ������ ���� �� ���� ���� ���� ��� ���� ������ ���� �� ���� �� ������
���� �� ������� ����� ���� �������� �����
�� �� ���� ���� �� �� ... �� ��� ���� ����� ��� ������ �� ���� ���� ��� ���
���� ��� ���� ������ ����� �� ��� ������ ���� ������� �� �� ��� ��� ���
<p id="btm">bottom</p>
8# Head Tages
=============
���� ������� ���� ��� ������� �� ����� ����� ������ɿ
���� ���� ������� ���� ���� �� ����� ����� ������� ����� �����
<meta charset="utf-8">
<meta name="description" content="this site doing something" >
<title>my page title</title>
<style></style>
<link rel="stylesheet" href="">
<script></script>
<meta charset="utf-8">
����� ����� ������ �������� �������� ��� �� ������� ������� ���� ���� ����� �������
�����������
<style></style>
������ ������ ������� ��� ��� ���� ��� ������ ������ ����� ������ ������ �������
������
<link rel="stylesheet" href="css/mystyle.css">
������ ��� ����� ������ �� ��� �����
<script></script>
����� ����� ������ ������
9# Comments
===========
������ �������� �� ��������� ��������� ������ ��� �� ���� ����� �� ���� ���� �����
�� ���� ���� ���������� ��� ���� ������� ����� ��� �����
������� �������� �� ���� ���� ������� ���� ���������
���� ���� ������� ��� ��� ���� ������ ����
�� ����� ��� ���� ���� ������ ��� ��� ����
����� �� �� ��� ����� ���� ����
��� ��� ����� �� �� �� ���� ���� �����
<!-- -->
����
<!-- Thi is comment -->
inline
------
���� ����� �� ������� �� ������� ���� ��� ��� ����
�� ��� ��� ���� ����� ���� �� ��� ������ �� ����� ���� ���� ������ ����� ��� ������
���� ����
����� ����� ��� ���� ���� ��� ��� ���� �� �� ���� �� ����� ������
<br>
��� ��� ������� ������� �� ����� ��� ���� �� �� ��� ���� ����� ����� ����� ��� ���
����
Block
-----
���� ����� �� ������� ��� ����� �� ����� ������ ���� �� ��� ����� �� ������� ������
��� ���� ��� ���� �� ��� �� ��� �����
������ ��� ������� ��
<p>paragraph here</p> ��� ������� ������
<h1>head<h1> ��� �����
<div>div1</div> ��� ����� �������
��� ��� ������� ������� ���� ������ ��� ��� ����� ������ ��� ����� ��� ����� ��� ��
��� �����
Div
---
����� �� ����� �� ��� ���� ������� ����� ��� �������� ����� ���� ����� ����
��� ���� ��� �� ���� ���� �������� ������ ��� ���� �� ��� ���� �� �� ������ ����
��� ���� ����� �� ���� ������ �� �������� ��� ����� ����� �� ��
����
<div>
<h1>head</h1>
<p>paragragh</p>
</div>
11# Lists
=========
����� ����� ������� �������� ���� ��� ����� �� �� ��
unorder list
------------
��� �������� ����� ����� �� ����� ����� ��� ����� �� ����� ��� ������� ���� �����
��� ��� ����
������ ���� ����� ��� ���� ������� �������
<ul>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
</ul>
order list
----------
������� ������� �� �������
��� ��� ����� �� ������� ������� ��� ���� ������ ������� �������� ����� �������
�������
<ol>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
</ol>
Descreption List
----------------
��� ����� ����� ����� ������ �����
����� ���� ���� ��� ��� ���� ������� ������ ����
����� ����
<dl>
<dt>Item1</dt>
<dd>it's good item</dd>
<dd>it's cheap item</dd>
<dd>it's useful item</dd>
</dl>
<q>Quote Text</q> ��� ����� ������ ��� ���� �� ��� ������� �� ���� ��� ��� ����
���� �� ����� ������ ����� ��� ������ ��� ������� ��� ������
<mark>marked text</mark> ������ �� ���� ���� ���� ���� ��� ���� �� ��� ������
�������� ��� ���� ���� ���� ����� �������� �����
4<sup>2</sup> ���� ����� ��� ����� �� ����� ���� ���� ������� �� ����� �����
������� ����� ��� ����� ��� �����
H<sub>2</sub>o ��� ��� ����� ������ ���� ����� ��� ����� �� ����� ���� ���� ���
����� ������� ���������
14,15,16# Tables
================
����� ��� ������� ���� ������� ������ �� �� ��
������ ������ �� ����� ������� ������ ������ ������ ������ ������� ������ ��
������� ���� �������� ������
��� ���� ������� �� ������ �� ���� ������ ������� ��� ��� ����� ������ ����� ����
����� ���� ��� �� ����� ������
���� �������� ������ �������� ��� ����� ���������� ������ ����� �������
���� ��� ���� ��������� ������� �� ����� �� �� ��
��� �������� �� ��� ������� �������� ������ ����� �� ������
����� ������ ���� ������ ������ ����� �� ��� ����� ������
������� ��� ���� �� ������� ���� ���� ��������� ���� ������ ����� �� �� ���� �����
������� ���
border="1" ���� ���� ������ ��� ������� ������
align="center" ���� ������ �� ����� ������
width="800px" ������ ��� ������
����
<tr>
<th>ID</th>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>1</td>
<td>malek</td>
<td>26 years old</td>
</tr>
</table>
17# Classes
===========
����� ������� �� ���� ��
Classes
������� ����
������ ������ ��� ������ ��� ���� ���� ������� �� ���� ������� ... ������� ���
����� ����� ��� ������ ���� �������ҿ
���� ������ ������� �� ����� ����� ���� ���� ���������� �� ������� ����� �� ��
���� ���� ���� �� �� ������ ������� ��� ��� ����� ������ �����
��� ���� ���� ����� ��� ��� ������ �� ����� ���� ���� ��� ����� �� ���� ����� ���
�������
����
<div class="test"> First Div</div>
<p class="test"> paragraph </p>
<h1 class="test2"></h1>
<h2 class="test2"></h2>
��� ��� ���� ���� ����� ������ ���� ��� ������ ��� ����� ���� �����
����� ����� ���� �����
���� ��� ���� ����� ���� ���� ����� �� �� ���� ������� ��� ������ ����� �����
������� ��� ������� ���
������� �� ������ ������
18:20# Form
===========
������ �� ����� �� ����� ������ ��� ���� ��� ����� ������� ��������
������ ���� ������ ������ ���� ������ ��������� ������ ������� �� ��� ��� ���
����� ������ ���� �������� ��� ������� ������ ��� ���� ��� ��� ��������� �� ������
���
<label></label> ����� ����� ������ ���� ������ ���� ����� ����� ���� ����� �������
���� ����� ������ ������ ���������
<input > ������� ��� ����� ������ ������� ��� ����� ����� ����� ���������� ��� ���
��� �� ��� ��� ���� �����
-type=
"text" ������ ���� ����� �����
"password" ���� ���� ������� ���� ��������� �� ����� ��� ����
"checkbox" ���� ���� ����� ��� ���� ����� ������
"submit" ���� ���� ������ �������� ���� �� ������� �� �������
"button" ���� ���� ��� ������ ������ ��� ����
"reset" ������ ��� ������� ��� ���� ������� ����� ������� ����� ���� ������
"file" ���� ���� ���� ���� ����� ����� ����� ���� ��� ����
"image" ���� ���� ���� ������ ���� ������ �������� ����� �����
"hidden" ���� ���� ����� ����� ������ �������� ��� ������
"radio" ���� ���� ����� ��� ���� ����� ����� ��� �� ����
<textarea></textarea> ����� ����� ���� ���� ����� ���� ��� �� ������ ��� �� �����
������ �� ����� �������� ����������
-rows="6"
-cols="10"
-readonly
<fieldset></fieldset> ������ ���� ���� �� ���� ������ ���� ����� ����� ��� �����
������� ������ ������� �������
<legend></legend> ������ ��� ����� ���� ����� ������ �� ������ ������� ������
������ ����� ��� ���� ����� ������
<select></select> ����� ����� ���� ����� ���� �� ������� �������� ���� ����� �����
����� ���� ������� ����� �� ����� �����
-name="combo1" ��������� ����� ������ ������� ����
-disabled ��������� ����� ������ ������� ���� �� �����
-size="2" ��������� ����� ���� ��� ������� ���� �������� ��������� �� 1
-multiple ��������� ����� ������� ���� �� ��� ���� ����������� ����� �������� ���
��������
<option></option> ����� ����� ������ ����� ���� ������� ���� ����� ��� ����� �����
������ ����� �������� ����
-disabled ��������� ����� ������ ����� �� ������ �������
-selected ��������� ����� ������ ��� ���� �� ������ �� �� ��� �������� ���������
-value ������ ���� ������ ������ �� ���� ������ ����� ������
<optgroup></optgroup> ����� ����� ���� ���� ������� ����� ���� ������� ���� �����
��� ����� ������� ������ ��� ���� ���
-label="groupName" ��������� ����� ������ ��� ������
-disabled ��������� ����� ������ �� ������� ������ ���� ������ �� ������ ��������
<fieldset>
<legend>Personal Info</legend>
<label>UserName:</label>
<input type="text" placeholder="pls enter your usrname" ><br>
<label>password:</label>
<input type="password" placeholder="pls enter your password" ><br>
</fieldset>
</form>
22# iFrame
==========
���� ���� �� ������ �� ������� ����
inlineframe
��� ����� �� ��� ���� ���� ����� ���� ��� ���� ���� ������� �� ���� ���
�� ����� ������� ���� ��� ���� ����� �� ���� ��� �����
��� ������� ���� ���� ������ ����� �� ������� ������� ������ ���� ���� �� ���
�������� ������� �� ������� �� ���� ��� �����
����� ��� ����� �������� �������
����
<iframe name="frameName" src="http://www.w3schools.com/" width="600" height="400"
scrolling="auto"></iframe>
23# Entities
============
�������� ������� �������� ���� ����� �� �� ��
���� ��� �������� �� �������� ������ ������� �� ���� ����� ����� ������ ���� ���
������ ��� ������ �� ���� ��� �� �����
Skipping Code
��� ��� �������� ���� ��� ���� �� ����� ��� ������ ���� ���� ���� �� ����� �� ����
������� ��� ������� ����� ����
���� ��� �������� ���� ���� �� ����� �� ������ ������� ������� ������ �� ��������
���� ����� ��� ���� ������ ���� ��
��� ����� ��� ��������
" " < > & � � � � � �
= " " ���� ���� �� ����� ��� ������ �� ����� ���� ����� �����
< = < ���� ����� ���� ��
> = > ���� ����� ���� ��
& = & ���� ����� ����� ���� ����
¢ = � ���� ����� ������
£= � ���� ����� ������ ������
¥ = � ���� ����� ���� ������ ��������
€ = � ���� ����� ������
© = � ����� ����� ���� �����
® = � ���� ����� ������ ���� ������ ��������� ��������
����� ������
======
����� �� ���� ��� ����� ���� ��� ���� �� ����� ���� �� ����� �� ���� ���� ����
�����
��� ������ ���� ����� ������ ��� ����� ������ �� ����� ��� ��������
https://www.youtube.com/playlist?list=PLDoPjvoNmBAwClZ1PDcjWilxp9YERUbNt