یک مثال از یک صفحه HTML و اصول اساسی

اختراع بسیاری از زبانها، اما زبان HTML یکی از خاص ترین و vosstrebovan است. از آنجا که آن را شامل بسیاری از دیگر طرح های مهم در برنامه نویسی. زبان نشانه گذاری ابرمتن (HTML) - خیلی که در ذهن توسعه به دانش کنونی زبان نشانه گذاری دسترس ساخته شده است.

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

توصیف کلی

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

فایل HTML با یک ضربه DOCTYPE که مشخص آغاز می شود که نوع فایل - HTML. همه عناصر صفحه (برچسب ها) در داخل براکت زاویه نشان داد. هر جفت ( "<" و ">") شامل یک تگ HTML. معمولا دستورات HTML زوج هستند، است که، برای هر «تگ» دارند «برچسب /». هر دو در براکت زاویه محصور شده است. است یک برچسب تکی، که محبوب ترین «برزیلی /» وجود دارد - انتقال به خط بعدی.

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

ساده HTML صفحه

به عنوان مثال از ایجاد چنین صفحه در مقاله زیر نشان داد. آن را به دقت در نظر بگیرید.

بخش HEAD

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

• کلمات کلیدی و توضیحات صفحه.
• لینک به فایل های دیگر (* شخصی .css و .js *).

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

HTML-صفحه عنوان (TITLE) است، که هنگامی که یک بازدید کننده به ارمغان می آورد موس خود را برروی تب که در آن صفحه باز می شود نمایش داده شود. این مهم است، زیرا باعث می شود صفحه بسیار بیشتر قابل ارائه است، آسان تر به گفتن نیست، متن قابل خواندن را امضا کردند.

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

بر روی لینک و لینک اسکریپت باید توجه ویژه ای پرداخت. اولین اشاره به یک محل که در آن یک فایل CSS سبک، دوم وجود دارد - محل فایل جاوا اسکریپت کد. این گونه پیوندها می شود.

اگر شما استفاده از اسکریپت ها باید به عنوان یک دانش HTML درمان قویتر خواهد شد، شما باید توجه بلافاصله در شیوه نامه آبشاری پرداخت. فایل های CSS در، به ویژه، قوانین ثبت نام از تگ های HTML.

بخش BODY

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

این مهم است که به درک که نمونه ای از صفحات وب HTML در مرورگر و همان مثال در یک ویرایشگر متن مانند Notepad، این است همان چیزی نیست. در مورد اول ما آماده HTML-متن است که در تمام اسکریپت ها اجرا می شود. به عنوان مثال، PHP به نوبه خود عمل کرده است و به جای کد امنیتی را در مکان های مناسب از تگ تشکیل شده است. جاوا اسکریپت نیز مأموریت خود را، هر چند در مورد آن هنوز به یک گفتگوی جداگانه.

HTML - این برچسب به جای اسکریپت. در نهایت، تنها محتوای صفحه نمایش داده شده در مرورگر، اما برچسب آن است. هیچ PHP-کد وجود ندارد.

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

یک مثال ساده از کد HTML صفحه (فقط بخش BODY) زیر نشان داده شده.

مرورگر بازدید کننده به نظر می رسد به عنوان زیر نشان داده شده.

در کد مشخص نیست باید مانند عناصر که مرورگر آورده است. همه طراحی در قوانین CSS قابل مشاهده است. در این مورد، Mcss / فایل scPhpWordRW.css که اشاره شد (نگاه کنید به. اولین مثال از یک صفحه HTML).

بر خلاف HTML، CSS تم ساده تر است، قوانین بسیار در دسترس وجود دارد و تعداد آنها کوچک است، زمانی که به عنوان مثال از ایجاد HTML صفحات چیزی جز دفترچه یادداشت نیاز ندارد. همه چیز بسیار قابل دسترس برای توسعه فوری است:

این نشان می دهد چگونه از آن آسان است توصیف scLogo_vDoc برچسب و این شرح است که در حالت عادی از تگ نمایش یک عکس vDoc-logo.png ویکیگونه، و زمانی که ماوس بر روی آن - vDoc-آرم-h.png نمایش داده شود.

ساختار توصیف کد HTML فوق به

زبان شامل نیست از انجام هرگونه ساختار و نحو از مفهوم در اینجا بسیار نسبی است. هیچ متغیر وجود دارد، اما بسیاری از فرصت ها وجود دارد. مبنای اساسی فرامتن است این است که یک عنصر (تگ) این است که مطمئن شوید که یک نام وجود دارد.

نام مورد، جفت تگ، متشکل از نام های مناسب (برچسب را) و براکت زاویه ( «<» + برچسب را + «>»)، اگر ما در حال صحبت کردن در مورد آغاز تگ و «»، اگر ثبت پایان آن است.

به عنوان مثال از صفحات HTML توصیف صفات واقع در متن زیر.

برچسب می توانید ویژگی های، و سپس آنها را از طریق یک فاصله پس از نام تگ قبل از بسته شدن براکت زاویه قرار ">". صفات، اگر آنها را به تگ تنها در آغاز ثبت شده است. محتوای برچسب است که نهفته است که بین تگ شروع و پایان آن است.

مجموع توصیف محتوای HTML

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

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

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

شرح جدول: جدول برچسب ها، TR، TD

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

موضع اصولی از HTML: انجام هر کاری است، اما هیچ چیز است که درک نمی شود. در برخی از موارد آن است تا به تعداد ستون در هر ردیف از جدول مهم نیست، اما اگر شما می خواهید برای انجام یک سلول ادغام افقی یا عمودی، لازم است به تعداد تمام دقت بسیار.

صفحه عنوان مثال HTML با شرح از یک جدول ساده گرافیکی در مقاله نشان داده شده.

عنوان ستون - در اینجا یک جدول نشان دادن اندازه سه ردیف های سه ستون، با برچسب ردیف اول TH به جای تگ TD استفاده شده است. به خصوص متمایز این دو تگ لازم نیست، اما ممکن است به استفاده از اولین به تمایز بین ردیف اول جدول، و در CSS برای TH، شما می توانید سبک خود را، که آن را از دیگر TD متمایز ضمیمه کنید.

شرح فرم: تگ فرم، ورودی

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

صفحه عنوان مثال HTML با شرح از یک فرم ساده:

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

با استفاده از HTML

برای دانستن زبان فرامتن - یک شرط ضروری برای هر تخصص کار در زمینه برنامه نویسی اینترنت است، اما اگر شما می خواهید برای نوشتن یک برنامه در PHP یا جاوا اسکریپت، پس از آن مطمئن شوید HTML + CSS نیاز کاملا.

زبان پی اچ پی است که در مثال قبلی شناسایی شده است. پی اچ پی قابل اجرا بر روی سرور، به دلیل یک صفحه با این فرم از سرور به مرورگر با زمینه های پر پرواز کرد. به طور خاص، توابع TestOnBlur ذکر شده در ورودی تگ (onblur اداره کننده رویداد)، تمام پارامترها در قالب فیلدهای متنی دریافت کرده است.

مرورگر اجرا می شود جاوا اسکریپت، و به درستی کار می کرد داده دکمه ارسال به سرور، است که، طراحی :. OnClick را = جی کوئری ( '# به') وال ( 'سبد خرید')، لازم است بدانید که نه تنها در مورد آنچه که جی کوئری، اما آنچه # به، VAL، سبد خرید. بطور دقیقتر، آن لازم است بدانید که برچسب های HTML پایه و مقررات عمومی به استفاده از به آنها سبک های CSS است.

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