طراحی وب سایت در کرج
026-34204893
09101013858

معرفی به HTML

معرفی به HTML

معرفی به HTML

زبان HTML یا Hypertext Markup Language زبان اصلی است که در ایجاد صفحات وب مورد استفاده قرار می گیرد. بیش از حد متن به متن ذخیره شده در قالب الکترونیکی است که می تواند متقاطع است، و زبان نشانه گذاری اشاره به مجموعه ای از دستورالعمل ها برای نمایش اطلاعات است.

وقتی HTML در ابتدا در اوایل دهه ۱۹۹۰ توسعه یافت، صفحات وب عمدتا از متن بودند و اولین نسخه HTML به طور عمده در نمایش متن بود.

با این حال، اچ تی ام الدر طول سالها تکامل یافته است و در حال حاضر اچ تی ام ال می تواند به مرورگر نه تنها نحوه نمایش اطلاعات متن، بلکه اجزای جزئی یک صفحه وب مانند: گرافیک، چندرسانه ای، اسکریپت و غیره را آموزش دهد.

در اولین روزهای طراحی وب، قوانین استاندارد برای اچ تی ام ال وجود نداشت و مرورگرهای مختلف صفحات وب را به صورت متفاوتی نمایش می دادند. علاوه بر این، Netscape و اکسپلورر، دو مرورگر وب محبوب در آن زمان، شروع به ایجاد نسخه های خود از اچ تی ام ال کردند، به این معنی که یک صفحه وب طراحی شده برای Netscape ممکن است در اکسپلورر به درستی نمایش داده نشود و برعکس.

برای حل این مشکلات، کنسرسیوم جهانی وب در سال ۱۹۹۴ تاسیس شد. هدف آن تنظیم استانداردها است که همه کسانی که در ایجاد وب سایت شرکت می کنند می توانند پیروی کنند و به همین ترتیب بدون توجه به مرورگر مورد استفاده قرار می گیرد.

کنسرسیوم جهانی وب در ایجاد و به روز رسانی نسخه های اچ تی ام ال کمک کرد، زیرا صفحات وب پیچیده تر شدند. نسخه های اچ تی ام ال با زمان تغییر کرده اند، با شروع از HTML 2.0 در سال ۱۹۹۵ (هیچ HTML 1.0 تعریف وجود ندارد حتی اگر HTML برای چندین سال قبل از HTML 2.0 استفاده شده بود) به آخرین نسخه در تولید: HTML 5.0

یکی دیگر از توسعه های کلیدی که HTML را تحت تأثیر قرار داد، ایجاد XML یا زبان نشانه گذاری Extensible Markup Language بود که اساسا یک استاندارد برای ایجاد زبانهای نشانه گذاری است که بیشتر از استانداردهای HTML دنبال می شود.

برای ایجاد یک نسخه از HMTL برای مطابقت با استانداردهای XML، کنسرسیوم جهانی وب توسعه XHTML، که اساسا HTML با دستورالعمل های سخت تر است.

HTML یک سری دستورالعمل های متن است که به مرورگر وب می گوید چگونه صفحه وب را نمایش دهد، همانطور که در بالا ذکر شد، بنابراین یک صفحه وب به طور نظری می تواند با یک ویرایشگر متن مانند Notepad یا Word طراحی شود.

با این حال، در عمل معمول است استفاده از نرم افزار طراحی شده به طور خاص برای ایجاد وب سایت، مانند Dreamweaver. با این نرم افزار، تئوری امکان طراحی یک وب سایت پیشرفته بدون آشنایی با HTML است.

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

در حالی که به طور صریح صدها برچسب وجود دارد، هر صفحه وب معمولا شامل موارد زیر می باشد: html، head، title and body. علاوه بر این، بیشتر صفحات وب شامل حداقل یک پاراگراف یا تگ p هستند.

برخی از تگ های مشترک دیگر عبارتند از:

h

Heading

تگ های عنوان نمایش متن با حروف بزرگ با ضخامت ۱ تا ۶، با ۱ بزرگترین.

li

List Item

یک آیتم لیست می توان با برچسب ol یا ul برای یک لیست مرتب یا مرتب ترکیب کرد.

b

Bold

متن نمایش داده شده در داخل مهره های ضخیم را نمایش می دهد.

i

Italic

نمایش متن با حروف الفبا را نمایش می دهد.

img

Image

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

a

Anchor

استفاده کنید برای ایجاد لینک های به صفحات دیگر وب سایت در یک سایت یا سایت های دیگر.

br

Break

بر خلاف برچسب پاراگراف، یک فضای خط را بدون فضای ایجاد می کند.

div

Division

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

برچسب های سر و عنوان برای نشان دادن متن هایی که در بالای پنجره مرورگر نمایش داده می شوند، و برچسب بدن نشان دهنده متن است که در پنجره مرورگر اصلی نمایش داده می شود. برچسب پاراگراف برای جدا کردن متن به پاراگرافها استفاده می شود.

اکثر تگ های HTML متشکل از دو قسمت است: یک تگ باز و یک تگ بسته. برچسب ها با استفاده از براکت ها همانطور که در بالا ذکر شد محصور می شوند و براکت بسته شامل یک اسلش است؛ / پس از ایجاد صفحه وب، فایل با یک نام ذخیره می شود، با استفاده از برنامه افزودنی .htm یا html.

البته این فقط آغاز است. HTML می تواند مورد استفاده برای اصلاح فونت ها، ایجاد سرصفحه ها، قرار دادن تصاویر، ایجاد لینک ها و غیره باشد. متن، تصاویر و غیره را می توان با استفاده از Cascading Style Sheets قالب بندی کرد که صفحات جداگانه ای است که برای ذخیره اطلاعات قالب بندی استفاده می شوند و توسط کد HTML اشاره می شود.

HTML می تواند با جاوا اسکریپت ترکیب شود تا جلوه های متن پویا ایجاد شود. امکانات بی پایان هستند. وب سایت های جدیدتر به طور کلی با استانداردهای XHTML مطابقت دارند. XHTML در حالی که شبیه به HTML است، قواعد قاطعتری را اعمال می کند. چندین تفاوت اصلی عبارتند از:

در XHTML تمام تگ ها باید حروف کوچک باشند. در HTML مهم نیست.

برچسب های تعطیل در XHTML مورد نیاز است. آنها همچنین در  اچ تی ام ال استاندارد بودند، اما درصورتیکه برچسب های بسته شدن حذف شوند، صفحات اغلب به درستی نمایش داده می شوند.

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

بنابراین مهم است که برای کسانی از ما که طراحی وب سایت با استفاده از HTML برای به روز رسانی مهارت های ما (و صفحات وب ما!)، و برای تازه واردان برای یادگیری XHTML از ابتدا مهم است.

پست مرتبط
HTML5 | طراحی سایت | طراحی وب سایت در کرج | کیان تجارت فاوا
توسعه HTML5

توسعه HTML5 توسعه HTML5 تلاش مداوم یک کنسرسیوم از بسیاری از توسعه دهندگان نرم افزار و دیگر گروه های صنعت علاقه مند برای به روز رسانی و تجدید نظر در زبان نشانه گذاری بیش از حد (HTML)، که زبان اصلی در قلب وب جهان گستر است. گروه کار فناوری کاربرد وب Hypertext (WHATWG) در سال […]

ادامه مطلب
jQuery |طراحی سایت در کرج | طراحی سایت در کرج | هلدینگ کیان تجارت فاوا
برخی از تفاوت های بین JQuery و جاوا اسکریپت

برخی از تفاوت های بین JQuery و جاوا اسکریپت به عنوان یک زبان اسکریپت بسیار محبوب در سمت سرویس گیرنده، جاوا اسکریپت نیازی به معرفی ندارد. علاوه بر اینکه به عنوان بخشی از مرورگرهای وب نیز استفاده می شود، جاوا اسکریپت نیز مرورگرهای وب را کنترل می کند، تعامل کاربر را برقرار می کند، ارتباطات […]

ادامه مطلب
css | طراحی سایت در کرج | طراحی وب سایت در کرج |هلدینگ کیان تجارت فاوا
بدون نشانه گذاری CSS منو چیست؟

بدون نشانه گذاری CSS منو چیست؟ این نگرانی ها در ترکیب با افزایش دستگاه های وب موبایل باعث شده است بسیاری از طراحان به جای فناوری های وب طراحی شده اند. ظهور اخیر زبان نشانه گذاری (CSS) “tableless” یک پاسخ است که وعده انعطاف پذیری و کنترل بیشتری را می دهد، نیازهای پهنای باند کوچکتر […]

ادامه مطلب

دیدگاهتان را بنویسید