کامنت:
<!--This is a comment. Comments are not displayed in the browser-->
هایلایت:
<p>Do not forget to visit <mark>NETNAK</mark> today.</p>
<p>Do not forget to visit <mark style="background-color: GreenYellow;">NETNAK</mark> today.</p>
Do not forget to visit NETNAK today.
Do not forget to visit NETNAK today.
تصویر:
<img src="example.jpg" alt="Label" width="500" height="600">
ویدئو:
<video width="320" height="240" poster="example.jpg" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
ویدئو با پخش خودکار
<video width="320" height="240" controls autoplay>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
صوت:
<audio controls>
<source src="sound.ogg" type="audio/ogg">
<source src="sound.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
لیست:
<ol>
<li>HTML</li>
<li>CSS</li>
<li>Java Script</li>
</ol>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>Java Script</li>
</ul>
- HTML
- CSS
- Java Script
- HTML
- CSS
- Java Script
جدول:
<table>
<tr>
<th>Website</th>
<th>Designer</th>
</tr>
<tr>
<td>netnak.ir</td>
<td>Mohammad Rajabpur</td>
</tr>
</table>
| Website | Designer |
|---|---|
| netnak.ir | Mohammad Rajabpur |
زدودن و افزودن:
<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>
My favorite color is blue red!
سنجه:
<label for="disk_c">Disk usage C:</label>
<meter id="disk_c" value="2" min="0" max="10">2 out of 10</meter><br>
<label for="disk_d">Disk usage D:</label>
<meter id="disk_d" value="0.6">60%</meter>
عنوانبندی (Headings):
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
This is heading 1
This is heading 2
This is heading 3
This is heading 4
This is heading 5
This is heading 6
فرم (Form):
<form action="/submit" method="post">
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname"><br>
<label for="email">Email:</label><br>
<input type="email" id="email" name="email"><br>
<input type="submit" value="Submit">
</form>
دکمه (Button):
<button type="button" onclick="alert('Hello World!')">Click Me!</button>
نوار پیشرفت (Progress Bar):
<label for="file">Downloading progress:</label>
<progress id="file" value="32" max="100"> 32% </progress>
جزئیات (Details) و خلاصه (Summary):
<details>
<summary>Click to see more details</summary>
<p>This is the hidden content that appears when you click on the summary.</p>
</details>
Click to see more details
This is the hidden content that appears when you click on the summary.
نقلقول (Blockquote):
<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>
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.
کد (Code):
<code>
x = 5;
y = 6;
z = x + y;
</code>
x = 5;
y = 6;
z = x + y;
شکل (Figure) و زیرنویس (Figcaption):
<figure>
<img src="example.jpg" alt="Example" style="width:100%">
<figcaption>Fig.1 - Example image.</figcaption>
</figure>
فوتر (Footer):
<footer>
<p>Author: Mohammad Rajabpur</p>
<p><a href="mailto:mr@netnak.ir">mr@netnak.ir</a></p>
</footer>