آموزش ساختار کلی یک صفحه 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 از مجموعه ای از تگ ها تشکیل شده است. برای نمایش دادن هر عنصر در یک صفحه وب مثل تصاویر، متن ها، عناوین و... باید از تگ مربوطه استفاده کرد.نوشتن تگ ها یک سری قوانین دارد که در این فایل ویدئویی آن ها را شرح می دهیم.

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


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


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

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

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


  • پویا (پنج شنبه, 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">