فیلم آموزشی آشنایی با ساختار اصلی صفحات وب (تگ های html, body, head)

تگ های html در ساختار اصلی صفحات وب

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

[hdplay id=20]

برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :

[free_vip]
[video_download cat=’html’ url=’http://dl.onliner.ir/html-videos/web-page-structure.mp4′]دانلود فیلم آموزشی آشنایی با ساختار اصلی صفحات وب (تگ های html, body, head)[/video_download]
[/free_vip]

دسترسی سریع :

متن فیلم آموزشی آشنایی با ساختار اصلی صفحات وب (تگ های html, body, head)

اصول استفاده از html

براي ساخت صفحه وب بايد ساختار اصلی و اولیه ای را رعایت کرد. برای ایجاد یک فایل html بصورت اصولی نیاز به سه عنصر اصلی داریم، که در ادامه آن ها را شرح میدهیم .

ساختار یک صفحه وب :

[html]

<html>

<head>

</head>

<body>

</body>

</html>

[/html]

شروع و پایان یک صفحه وب با تگ html است. در واقع با این تگ به مرورگر اعلام میکنیم که کدهایمان را با html مینویسیم.

در داخل تگ html دو قسمت اساسی داریم که با تگ های head و body نشانه گذاری می کنیم :

در بین تگ head اسكريپت ها، كدهاي css ، عنوان صفحه، تگ های meta و… قرار مي گيرد (صفات صفحه)

در بین تگ body محتوا یا بخش قابل مشاهده صفحه وب ما نوشته می شود. مانند تگ هاي p و a و…

مثال :

محتواي تگ head در سايت آنلاينر

htm1

محتواي تگ body در سايت آنلاينر

htm2

دسترسی سریع :

به این صفحه رتبه دهید

6 دیدگاه دربارهٔ «فیلم آموزشی آشنایی با ساختار اصلی صفحات وب (تگ های html, body, head)»

  1. با سلام وخسته نباشید
    میخواستم ببینم که متونیم سوالات را دربارهی طراحی وب سایت به ایمیل یا جیمیل تون ارسال کنیم امکانش هست؟؟
    باتشکر

    1. آواتار گروه آموزش طراحی سایت
      گروه آموزش طراحی سایت

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

  2. سلام خدمت شما و خسته نباشید
    سایت خوبی دارید تشکر
    آیا به نظر شما کسی میتواند بدون معلم تدریس طراحی وب خودش با خواند کتاب یاد بگیرد؟؟
    با تشکر

    1. آواتار گروه آموزش طراحی سایت
      گروه آموزش طراحی سایت

      با عرض سلام و احترام خدمت شما
      قطعا نمی توانیم بگوییم که چنین چیزی اصلا ممکن نیست؛ ولی مسیری که طی خواهید کرد بسیار طولانی خواهد بود و خطر از دست دادن موقعیت های خوب و نکات خوب در پروژه های کاربردی و بازاری را از دست خواهید داد.

  3. با سلام
    ممنون از سایت مفیدتون
    من با اینکه به CSS آشنایی داشتم ولی خیلی چیزا از فیلماتون یادگرفتم
    1سوال داشتم
    آموزش های مربوط به این بخش HTML هستند یا HTML5 ؟
    و اینکه برای PHP و JQuery و فرم ورکهایی مثل Angular js آموزش میذارین یا نه؟
    واقعا مرسی

    1. آواتار گروه آموزش طراحی سایت
      گروه آموزش طراحی سایت

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

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

مشاوره رایگان
Scroll to Top