تگ چیست؟ آشنایی با مفهموم تگ در Html

آموزش ساختار کلی یک صفحه html ساده

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

لیست جلسات قبلی دوره آموزش Html

جلسه اول: html چیست؟

جلسه دوم: چرا باید html را یاد بگیریم؟

ایجاد کردن اولین فایل html

برای شروع کار به صورت کاملا ساده، یک فایل Html در محیط ویندوز ایجاد میکنیم و شروع به کدنویسی خواهیم کرد. فایل html همانند دیگر فایلهایی که در ویندوز وجود دارد یک فایل ساده متنی است که با پسوند htm در محیط ویندوز ذخیره می شود.

آشنایی با ساختار کلی یک صفحه html

در ساده ترین حالت هر صفحه html یک سری کد دارد که حتما باید در فایل شما وجود داشته باشد. در قطعه کد زیر ساده ترین حالت یک فایل Html را میبینید. در فیلم آموزشی تک تک این تگ ها را توضیح داده ایم.

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

آشنایی با مفهوم تگ در html

هر سند html از مجموعه ای از تگ ها تشکیل شده است. برای نمایش دادن هر عنصر در یک صفحه وب مثل تصاویر، متن ها، عناوین و... باید از تگ مربوطه استفاده کرد.نوشتن تگ ها یک سری قوانین دارد که در این فایل ویدئویی آن ها را شرح می دهیم.

لینک دانلود جلسه سوم

ارسال نظر درباره این موضوع

آرمان (جمعه, 01 اسفند 1399 ساعت 19:24:23)
چرا برا من تگ به صورت اتوماتیک بسته نمیشه خودم باید تگ و ببندم
- (یک شنبه, 10 اسفند 1399 ساعت 21:50:57)
  
  از چه ادیتوری استفاده میکنید؟
ابوالفضل (پنج شنبه, 22 آبان 1399 ساعت 15:50:28)
سلام تا قسمت 3 اومده
پویا (پنج شنبه, 03 مرداد 1398 ساعت 00:11:23)
من وقتی با brackets مینویسم بجای حرف های ی ٬ ک علامت سوال میاید ولی در notepad اینجوری نیست
- (پنج شنبه, 03 مرداد 1398 ساعت 10:19:52)
  
  من همچین مشکلی ندارم.یک اسکرین شات از براکتس ارسال کنید و توی picofile.com آپلود کنید عکس رو.. لینکش رو توی همین کامنت بذارید
  - پویا (پنج شنبه, 03 مرداد 1398 ساعت 12:20:31)
    وقتی توی براکتس مینویسم اینجوری نیست ولی وقتی سیو میکنم توی اون سایتی که درست شده اینجوریه
    - (پنج شنبه, 03 مرداد 1398 ساعت 14:24:55)
      
      این کد رو بین تگ head قرار بدید
      <meta charset="utf-8">
پویا (چهار شنبه, 02 مرداد 1398 ساعت 14:27:56)
چرا قسمت های ۴ و ۵ و ۶ نیستند
- (چهار شنبه, 02 مرداد 1398 ساعت 19:26:42)
  
  هنوز قسمت های بعدی رو آماده نکردم ، آماده شد توی کانال تلگرام @abanwebnet اطلاع میدم

آرمان (جمعه, 01 اسفند 1399 ساعت 19:24:23)

چرا برا من تگ به صورت اتوماتیک بسته نمیشه خودم باید تگ و ببندم

(یک شنبه, 10 اسفند 1399 ساعت 21:50:57)

از چه ادیتوری استفاده میکنید؟

ابوالفضل (پنج شنبه, 22 آبان 1399 ساعت 15:50:28)

سلام تا قسمت 3 اومده

پویا (پنج شنبه, 03 مرداد 1398 ساعت 00:11:23)

من وقتی با brackets مینویسم بجای حرف های ی ٬ ک علامت سوال میاید ولی در notepad اینجوری نیست

(پنج شنبه, 03 مرداد 1398 ساعت 10:19:52)

من همچین مشکلی ندارم.یک اسکرین شات از براکتس ارسال کنید و توی picofile.com آپلود کنید عکس رو.. لینکش رو توی همین کامنت بذارید
- پویا (پنج شنبه, 03 مرداد 1398 ساعت 12:20:31)
  وقتی توی براکتس مینویسم اینجوری نیست ولی وقتی سیو میکنم توی اون سایتی که درست شده اینجوریه
  - (پنج شنبه, 03 مرداد 1398 ساعت 14:24:55)
    
    این کد رو بین تگ head قرار بدید
    <meta charset="utf-8">

پویا (چهار شنبه, 02 مرداد 1398 ساعت 14:27:56)

چرا قسمت های ۴ و ۵ و ۶ نیستند

(چهار شنبه, 02 مرداد 1398 ساعت 19:26:42)

هنوز قسمت های بعدی رو آماده نکردم ، آماده شد توی کانال تلگرام @abanwebnet اطلاع میدم