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

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

آیا با ساختار اصلی یک صفحه وب آشنا هستید؟ همانطور که می دانید صفحات وب با استفاده از زبان 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 در سایت آنلاینر

Array

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

Array

دسترسی سریع :

دیدگاه خود را برای ما ارسال کنید

6 Comments
    • مسعود
    • ۱۳۹۴-۰۲-۰۱
    پاسخ

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

      • گروه آموزش طراحی سایت
      • ۱۳۹۴-۰۲-۰۲
      پاسخ

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

    • ya hosin
    • ۱۳۹۴-۱۲-۲۶
    پاسخ

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

      • گروه آموزش طراحی سایت
      • ۱۳۹۵-۰۱-۲۹
      پاسخ

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

    • ya hosin
    • ۱۳۹۴-۱۲-۲۶
    پاسخ

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

      • گروه آموزش طراحی سایت
      • ۱۳۹۵-۰۱-۲۹
      پاسخ

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