مشاوره رایگان
دریافت لینک های دانلود
دریافت پستی درب منزل
مبلغ کل:
تومان
جهت دریافت کد تخفیف به کانال تلگرام مراجعه و یا با پشتیبان آنلاین هماهنگ نمایید
معرفی زبان HTML و آشنایی با ساختار دستورات HTML
HTML مخفف عبارت Markup Language Hypertext است و زبانی است که برای نوشتن صفحات وب، به طور گسترده ای مورد استفاده قرار می گیرد.
- Hypertext به شیوه ای که صفحات وب (اسناد HTML یا HTML document ) با هم مرتبط می شوند اشاره دارد. بنابراین لینک موجود در یک صفحه وب Hypertext نامیده می شود.
- همانطور که نام آن نشان می دهد، HTML یک زبان نشانه گذاری (Markup Language) است. این به معنی است که شما با استفاده از HTML به سادگی، یک سند متنی (text document) را با برچسب هایی که tag نامیده می شوند، "نشانه گذاری" یا "mark-up" می کنید .و بدین ترتیب، چگونگی نمایش آن صفحه را برای مرورگر وب توصیف می کنید.
در اصل، HTML با هدف تعریف ساختار اسناد (document) مانند: عنوان ها (heading) ، پاراگراف ها (paragraph)، لیست ها(list) و غیره برای تسهیلِ اشتراکِ اطلاعاتِ علمی بین محققان توسعه یافت.
در حال حاضر، HTML به طور گسترده ای، برای قالب بندی (format) صفحات وب با کمک تگ های مختلفی که در این زبان موجود است، مورد استفاده قرار می گیرد.
سند پایه ی HTML (Basic HTML Document)
در ساده ترین شکل، مثال زیر، یک سند HTML را نشان می دهد :
<!DOCTYPE html>
<html>
<head>
<title>This is document title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>Document content goes here.....</p>
</body>
</html>
برای چک کردن کد بالا ابتدا یک ویرایشگر انتخاب نمایید مانند Notpad و قطعه کد بالا را درون آن کپی کنید .
و در مرحله ی بعد با نام دلخواه و با فرمت html آن را ذخیره نمایید.
و در انتها خروجی را مشاهده نمایید :
This is a heading
Document content goes here.....
برچسب های HTML
همانطور که قبلا گفته شد، HTML یک زبان نشانه گذاری (markup language) است و از تگ های مختلفی برای قالب بندی صفحات استفاده می کند.
این تگ ها در داخل علامت <> قرار دارند بدین شکل <Tag Name> .
به جز چند برچسب (tag)، بسیاری از برچسب ها دارای برچسب هایِ متناظرِ بستن هستند. به عنوان مثال، <html> دارای تگ بسته < html/> است و برچسب <body> دارای تگ بسته ی </body> می باشد.
مثال فوق از سند HTML از برچسب های زیر استفاده می کند.
|
ردیف |
تگ |
توضیحات |
|
1 |
<!DOCTYPE...> |
این تگ نوع سند و نسخه HTML را مشخص می کند. |
|
2 |
<html> |
این تگ متن کامل سند HTML را شامل می شود و عمدتا شامل هدر سند است که توسط تگ های <head> ... </ head> نمایش داده می شود و همچنین شامل بدنه سند است که توسط تگ های <body> ... </ body> نشان داده می شود. |
|
3 |
<head> |
این برچسب نشان دهنده هدر سند است که می تواند سایر تگ های HTML مانند <title>، <link> و غیره را در خود نگه دارد. |
|
4 |
<title> |
برچسب <title> در داخل تگ <head> برای ذکر عنوان سند استفاده می شود. |
|
5 |
<body> |
این برچسب نشان دهنده بدنه سند است که سایر تگ های HTML مانند <h1>، <div>، <p> و غیره را در خود نگه می دارد. |
|
6 |
<h1> |
این برچسب نشان دهنده عنوان است. |
|
7 |
<p> |
این تگ یک پاراگراف را نشان می دهد. |
برای یادگیری HTML، شما نیاز دارید تا در مورد برچسب های مختلف مطالعه کنید و در هنگام قالببندی (formatting) یک سند متنی، به بررسی و نحوه رفتار آنها بپردازید.
یادگیری HTML ساده است، زیرا کاربران باید استفاده از برچسب های مختلف برای طراحی و قالب بندی متن یا تصاویر را یاد بگیرند و برای ایجاد یک صفحه وب زیبا از آنها استفاده کنند.
کنسرسیوم جهانی وب یا w3c (World Wide Web Consortium) توصیه می کند از برچسب ها با حروف کوچک در HTML استفاده کنید.
ساختار سند HTML
یک سند HTML معمولی ساختار زیر را دارد:
<html>
<head>
Document header related tags
</head>
<body>
Document body related tags
</body>
</html>
ما تمام تگ های header و body را در فصل های بعدی مطالعه خواهیم کرد، اما در حال حاضر بیایید ببینیم تگ < !DOCTYPE> چیست؟
< !DOCTYPE>:
برچسب <! DOCTYPE> در مرورگر وب برای درک نسخه ی HTML استفاده شده در سند استفاده می شود. نسخهHTML جاری ما 5 است، بنابراین از اعلان زیر استفاده می کنیم –
<!DOCTYPE html>
انواع مختلفی از اعلان های دیگر نیز وجود دارد که می تواند در سند HTML بر اساس ورژن HTML استفاده شود. جزئیات بیشتر در مورد آنها را در آموزش های بعد خواهیم دید.
فصلِ:
5
,
تعداد قسمت ها:
177
,
سطح:
صفر تا صد
موضوعات:
آموزش HTML
آموزش HTML5
این فصل در یک نگاه:
در این فصل صفحات قالب فروشگاهی را بطور کامل واکنشگرا می کنیم.…
HTML مخفف عبارت Hypertext Markup Language است. این زبان در واقع یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات وب و وب اپلیکیشن‌ها محسوب می‌شود. در واقع HTML را عنصر کلیدی صفحات وب می…
فصلِ:
3
,
تعداد قسمت ها:
25
,
سطح:
صفر تا صد
این فصل در یک نگاه:
فصل سوم…
آموزش طراحی ریسپانسیو مدرن و جذابتر نسبت به بوتسرپ (همراه با ساخت صفحه اصلی و پنل یک آژانس مسافربری) آموزش پروژه محور فریمورک متریالایز برای اولین بار بین وب سایت های آموزشی آموزش تمامی …
فصلِ:
5
,
تعداد قسمت ها:
77
,
سطح:
متوسط
این فصل در یک نگاه:
ساخت منوی مدیریت سایت،ایجاد بخش دسته بندی ها ، جدول نمایش دسته ها و ایجاد دسته جدید،ایجاد بخش ویژگی های یک دسته،ایجاد وی…
این مجموعه با تلفیقی از فریمورک bootstrap و کد های html و css ارائه گردیده و پیش نیاز این آموزش ، دوره دیجی کالای آقای مهندس بلاغی است چون این پروژه در قالب mvc پیاده گردیده و با توجه به ا…
فصلِ:
11
,
تعداد قسمت ها:
162
,
سطح:
صفر تا صد
این فصل در یک نگاه:
در این فصل(فصل یازدهم مجموعه)،به طراحی CMS (سیستم مدیریت محتوا)اختصاصی فروشگاه می پردازیم.هدف از طراحی این بخش،آنست که م…
در این مجموعه آموزشی قصد داریم از صفر تا صد طراحی یک فروشگاه اینترنتی رو به صورت کامل آموزش بدهیم.این فروشگاه شامل تمامی بخش های مورد نیاز یک فروشگاه اینترنتی است. هدف از این مجموعه،آموزش…
فصلِ:
4
,
تعداد قسمت ها:
240
,
سطح:
صفر تا صد
موضوعات:
آموزش PHP
آموزش Bootstrap
آموزش CSS
آموزش JQUERY
آموزش HTML
آموزش PHP MVC
آموزش Ajax
آموزش HTML5
این فصل در یک نگاه:
طراحی پنل مدیریت(دسته بندی)- دسته بندی یا category - نمایش دسته های فرعی در view با ورود به یکی از دسته های اصلی و آشن…
توضیحات کلی مجموعه: این مجموعه توسط فریمورک محبوب و دوست داشتنی bootstrap و به صورت تضمینی و صفر تا صد جهت یادگیری کارآموزان عزیز ارائه گردیده و دوستانی که این دوره را به طور کامل و دقیق…
فصلِ:
4
,
تعداد قسمت ها:
368
,
سطح:
صفر تا صد
موضوعات:
آموزش HTML5
آموزش CSS
آموزش JAVASCRIPT
آموزش PHP
آموزش PHP MVC
آموزش Ajax
آموزش HTML
آموزش ساخت فروشگاه اینترنتی
آموزش Bootstrap
آموزش Laravel
این فصل در یک نگاه:
مباحث تکمیلی فریم ورک لاراول…
فصل اول :آموزش مقدماتی فریم ورک لاراول معرفی فریم ورک لاراول و پیشنیازهای انجام کار انجام کانفیگ های اولیه برای نصب و راه اندازی فریم ورک معرفی روش های نصب پروژه لاراولی از طریق سایت گی…
فصلِ:
1
,
تعداد قسمت ها:
155
,
سطح:
صفر تا صد
موضوعات:
آموزش HTML5
آموزش CSS
آموزش JAVASCRIPT
آموزش JQUERY
آموزش PHP
آموزش PHP MVC
آموزش Ajax
آموزش HTML
آموزش NodeJs
آموزش Bootstrap
آموزش Laravel
آموزش Symphony
این فصل در یک نگاه:
مباحث مقدماتی فریم ورک react.js…
توضیحات کلی مجموعه: فصل اول : آشنایی با مباحث مقدماتی فریم ورک react.js نصب و راه اندازی node.js و کلیه پیش نیازهای لازم نصب فریم ورک react روی لوکال و انجام تست های لازم آغاز آشنایی …
فصلِ:
1
,
تعداد قسمت ها:
15
,
سطح:
متوسط
موضوعات:
آموزش HTML5
آموزش CSS
آموزش JAVASCRIPT
آموزش JQUERY
آموزش PHP
آموزش ASP.NET
آموزش ASP.NET MVC
آموزش PHP MVC
آموزش Phyton
آموزش سئو
آموزش ساخت فروشگاه اینترنتی
آموزش HTML
آموزش ایمیل مارکتینگ
آموزش وردپرس
آموزش فروشگاه ساز اپن کارت
آموزش جوملا
آموزش Virtual Freer
آموزش WHMCS
این فصل در یک نگاه:
رشد و درآمدزایی یک وب سایت یا کسب و کار اینترنتی کاملا به ذوق و مهارت وب مستر یا همان مدیر اصلی وب سایت گره خورده و متاس…
اصول مدیریت وب سایت برای وب مستر شدن برای موفقیت یک وب سایت لازم الاجراست. زیرا شما دوست دارید وب سایت خود را به کارخانه پولسازی تبدیل کنید. این واقعیت رویا نیست. هرکس این اصول را بداند به …
