آموزش HTML5 - مرور 10 جلسه اول

با عرض سلام و خسته نباشید خدمت شما کاربران آی وحید،

پس از حدود 16 جلسه آموزش HTML5 خواستیم در کنار شما یه مرور کلی داشته باشیم از 10 جلسه اول آموزش HTML5 تا هم شما مروری داشته باشین و هم افرادی که عجله دارن کمی تو وقت شون صرفه جویی کنن. در این نوشته از نوشته های وردپرس مون یه مرور کلی و خیلی خلاصه خواهیم داشت. پس با ما باشید…

این یه ساختار کلی از فایل HTML هست:

<!DOCTYPE html>
<html>
<head>
  <title>Page Title</title>
</head>
 
<body>
 
  <h1>My First Heading</h1>
 
  <p>My first paragraph.</p>
 
</body>
 
</html>

تگ های عنوان:

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

تگ پاراگراف:

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

تگ لینک:

<a href="https://www.ivahid.com">This is a link</a>

تگ تصویر:

<img src="ivahid.jpg" alt="ivahid.com" width="104" height="142">

تگ <hr> در صفحات HTML یه خط افقی رو نمایش میده. از این تگ میتونیم برای جدا کردن بخش های یک موضوع استفاده کنیم. یه مثال نیز براتون آماده کردم:

<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>

 تگ <head>

این تگ قبل از تگ <body> و بعد از تگ <html> کدنویسی می شود. این تگ شامل تگ های خاصی هست و معمولا اطلاعات اضافی صفحات وب در این تگ کدنویسی می شوند. اطلاعاتی مانند برنامه نویس صفحه – شرکت سازنده – صفحات شبکه های اجتماعی و هر اطلاعات اضافی که برنامه نویس لازم بدونه.

<!DOCTYPE html>
<html>
 
<head>
  <title>My First HTML</title>
  <meta charset="UTF-8">
</head>
 
<body>
.
.
.

برای مشاهده اندازه و چینش و… متن در زبان برنامه نویسی HTML اینجا کلیک کنید.

 تگ <blockquote> برای نقل قول های طولانی

در زبان برنامه نویسی HTML برای بیان نقل و قول های بلند و طولانی از تگی با نام <blockquote> استفاده می شود. برای مثال:

<p>Here is a quote from WWF's website:</p>
<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>

 متن حذف شده

در زبان برنامه نویسی HTML برای نمایش متن هایی که قبلا وجود داشتند که الان وجود ندارند از تگی با نام <del> استفاده می شود. در واقع این تگ امروزه بیشتر در فروشگاه های اینترنتی نظیر دیجی کالا رونق دارد. نمونه تگ  برای مثال:

<p>My favorite color is <del>blue</del> red.</p>

خب اینا یه مرور کلی و خلاصه بود. برای یادگیری بیشتر و کامل تر پیشنهاد میکنم جلسات رو با تمرین پیش ببرین و کامل و دقیق مطالعه کنین.

با تشکر – آی وحید