طراحی سایت فروشگاهی شخصی تجاری در بابل

طراحی حرفه ای سایت وب سازان شمال در بابل با پشتیبانی 24 ساعته و سئو بالا با متد gtmetrix

طراحی سایت فروشگاهی شخصی تجاری در بابل

طراحی حرفه ای سایت وب سازان شمال در بابل با پشتیبانی 24 ساعته و سئو بالا با متد gtmetrix

طراحی سایت فروشگاهی شخصی تجاری در بابل

بدون شک، برنامه نویسی یکی از مهم‌ترین مهارت‌هایی است که امروزه نه تنها برای فارغ التحصیلان و دانشجویان رشته مهندسی کامپیوتر، بلکه برای سایر رشته‌ها و زمینه‌ها کاربرد مهمی دارد .

چرا HTML ایجاد شد؟

پنجشنبه, ۲۲ فروردين ۱۳۹۸، ۰۷:۰۰ ق.ظ

برای اولین بار توسط Tim Berners-Lee در سال 1990، HTML برای زبان نشانه گذاری Hypertext کوتاه شده است. HTML برای ایجاد اسناد الکترونیکی (صفحات به نام) استفاده می شود که در وب جهانی نمایش داده می شوند. هر صفحه حاوی مجموعه ای از اتصالات به صفحات دیگر به نام لینک ها است. هر صفحه وبی که در اینترنت مشاهده میکنید با استفاده از یک نسخه از کد HTML یا دیگری نوشته میشود.


کد HTML فرمت مناسب متن و تصاویر را تضمین می کند به طوری که مرورگر اینترنت شما ممکن است آنها را همانطور که در نظر گرفته شده به نظر برساند. بدون HTML، مرورگر نمی داند چگونه متن را به عنوان عناصر نمایش دهد یا تصاویر یا عناصر دیگر را بارگذاری کند. HTML نیز یک ساختار اولیه از صفحه را فراهم می کند که براساس آن Cascading Style Sheets برای تغییر ظاهر آن پوشیده شده است. می توان از HTML به عنوان استخوان (ساختار) یک صفحه وب و CSS به عنوان پوست (ظاهر) آن فکر کرد.

همانطور که در مثال تگ HTML دیده می شود، اجزاء زیادی وجود ندارد. تقریبا تمام تگ های HTML دارای یک تگ باز است که حاوی نام با هر ویژگی است، یک تگ بستن که دارای یک اسلش رو به جلو است و نام تگ که بسته شده است. برای تگهایی که تگ بسته را مانند <img> ندارند بهتر است که تگ را با یک اسلش رو به جلو پایان دهیم.

هر تگ در داخل محدوده های کوچکتر و بزرگتر از محدوده زاویه قرار دارد و همه چیز بین تگ باز و بسته بسته شده توسط تگ نمایش داده می شود یا تحت تاثیر قرار می گیرد. در مثال بالا، تگ <a> در حال ایجاد پیوند به نام «امید کامپیوتری» است که به فایل hope.html اشاره دارد.

نکته: صفحه راهنمای HTML و طراحی وب ما را برای فهرست کامل تگ های HTML مشاهده کنید.

HTML به چه شکل است؟
مثال زیر یک صفحه وب اصلی نوشته شده در HTML است و همچنین شرح هر بخش و عملکرد آن است.
<! DOCType HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN" "https://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> صفحه نمونه </ title>
  <meta http-equiv = "Content-type" content = "text / html؛ charset = windows-1252">
 </ head>
 <body>
  <h1> این یک عنوان است </ h1>
  <p> این یک نمونه از یک صفحه ساده HTML است. </ p>
 </ body>
</ html>
جعبه فوق حاوی عناصر کلیدی یک صفحه وب اصلی است. خط اول (DOCType) توصیف می کند چه نسخه ای از HTML صفحه ایجاد شده است تا یک مرورگر اینترنت بتواند متن را دنبال کند. بعد، تگ باز کردن HTML به مرورگر می دهد که خواندن کد HTML است. تگ HTML به دنبال بخش سر است که حاوی اطلاعاتی درباره صفحه مانند عنوان آن، متا تگ ها و جایی که فایل CSS را می گیرد. بخش بدن همه محتوای قابل مشاهده در مرورگر است. به عنوان مثال، تمام متن هایی که در اینجا مشاهده می کنید در تگ های بدن موجود است. در نهایت، برچسب های بسته شدن هر عنصر را برای نحو مناسب تعریف می کنند.

راهنمای HTML و طراحی وب را برای فهرست کامل تگ های HTML مشاهده کنید.
HTML5 چیست؟
HTML5 بروز رسانی به HTML از HTML4 است (XHTML زیر یک طرح شماره گذاری نسخه متفاوت است). آن از قوانین اساسی همانند HTML4 استفاده می کند، اما بعضی از برچسب ها و ویژگی های جدیدی را اضافه می کند که برای معانی بهتر و برای عناصر پویا که با استفاده از جاوا اسکریپت فعال می شوند را می دهد. عناصر جدید شامل بخش <article>، <کنار>، <audio>، <bdi>، <canvas>، <datalist>، <جزئیات>، <embed>، <figure>، <figcaption>، <footer>، < <header>، <keygen>، <mark>، <meter>، <nav>، <خروجی>، <progress>، <rp>، <rt>، <ruby>، <time>، <track>، <video> ، و <wbr>. همچنین انواع ورودی جدید برای فرم ها وجود دارد که شامل تلفن، جستجو، آدرس، ایمیل، تاریخ، تاریخ، ماه، هفته، زمان، تاریخ و زمان محلی، شماره، دامنه و رنگ است.

با افزایش جنبش برای حفظ ساختار و سبک جداگانه، تعدادی از عناصر یک ظاهر طراحی شده همراه با افرادی که مسائل مربوط به دسترسپذیری را داشتند و یا استفاده بسیار کمی داشتند برداشته شد. این عناصر زیر نباید در کد HTML استفاده شود: <acronym>، <applet>، <basefont>، <big>، <center>، <dir>، <font>، <frame>، <frameset>، <noframes >، <اعتصاب>، و <tt>. HTML5 همچنین اعلامیه doctype را به برچسب در جعبه زیر ساده می کند.

<! doctype html>
HTML5 چیست؟
همانطور که در زیر نشان داده شده است، کد HTML5 بسیار شبیه به مثال HTML4 قبلی است، اما پاک تر است و دارای برچسب doctype تجدید نظر شده است.

<! doctype html>
<html>
 <head>
  <meta charset = "utf-8">
  <title> صفحه نمونه </ title>
 </ head>
 <body>
  <h1> این یک عنوان است </ h1>
  <p> این یک نمونه از یک صفحه ساده HTML است. </ p>
 </ body>
</ html>
چگونه برای ایجاد و مشاهده HTML
از آنجا که HTML یک زبان نشانه گذاری است، می توان آن را در هر ویرایشگر متن ایجاد و مشاهده کرد تا زمانی که با یک پسوند فایل .htm یا .html ذخیره می شود. با این حال، با استفاده از یک ویرایشگر HTML، ساده تر می شود طراحی و ایجاد صفحات وب را در HTML انجام داد.

هنگامی که فایل HTML ایجاد می شود، می توان آن را به صورت محلی مشاهده کرد یا از یک مرورگر به صورت آنلاین بازدید کرد.

کدام پسوند فایل با HTML استفاده می شود؟
فایل های HTML از هر دو استفاده می کنندپسوند فایل .htm یا .html. نسخه های قدیمی تر ویندوز (ویندوز 3.x) تنها اجازه می دهد تا پسوند فایل های سه حرفی، پس از استفاده از .htm به جای .html .html. با این حال، هر دو پسوند فایل یک معنای مشابه دارند، و یا ممکن است امروز استفاده شوند. به این ترتیب، توصیه می کنیم که به یک کنفرانس نامگذاری بپیوندید، زیرا بعضی وب سرورها ممکن است یکی از فرمت های دیگر را ترجیح دهند.

نظرات  (۰)

هيچ نظري هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی