اینترنت پنجره ها اندروید
بسط دادن

زبان نشانه گذاری ابرمتن html. زبان نشانه گذاری ابرمتن

معرفی

§ 1. اطلاعات کلی در مورد زبان نشانه گذاری ابرمتن (HTML)

§ 2. ساختار سند HTML

§ 3. طراحی عناصر صفحات وب

§ 4. کاربرد عملی زبان نشانه گذاری ابرمتن HTLM

نتیجه

ادبیات

معرفی

این مقاله به زبان نشانه گذاری ابرمتن HTML (زبان نشانه گذاری ابرمتن) می پردازد. اولین مشخصات این زبان نشانه گذاری جهانی و به طور کلی - HTML - در 1991 تأیید شد. HTML به استاندارد و درعین حال "ریشه" همه صفحات وب توسعه یافته تبدیل شده است.

ارتباط موضوع کار با این واقعیت تعیین می شود که امروزه HTML جهانی ترین و حتی غیر قابل تعویض ترین ابزار نشانه گذاری ابر متن و در نتیجه انتشار در اینترنت است. نوشتن صفحات وب در HTML نیازی به تفسیر کد منبع به کد باینری ندارد.

صفحات وب امروزی دیگر فقط HTML نیستند. این برنامه به طور هماهنگ با ابزارهای پویای HTML تکمیل می شود: زبان های جاوا اسکریپت و / یا VBScript ، اسکریپت صفحات (CSS) ، گاهی اوقات اپلت های جاوا وجود دارد. در واقع ، می توانید برای یک صفحه وب مدرن خروجی بگیرید: صفحه وب = HTML + DHTML (جاوا اسکریپت / VBScript ، CSS ، برنامه های جاوا) + CGI یعنی هر صفحه باید دارای یک طرح HTML باشد - محل عناصر طراحی متن و موارد لازم اسکریپت ها - به عنوان یک پسوند HTML در زمینه مکان و شرح ویژگی های اشیاء مختلف. اسکریپت های CGI می توانند با شکل دهی به کل صفحه ، پر کردن آن با داده های ضروری ، به روز شده یا نقش ثانویه با درج آن ، نقش اصلی را ایفا کنند.

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

1. مروری بر ویژگی های اصلی HTML

2. تجزیه و تحلیل کاربرد عملی HTML (به عنوان مثال برنامه های آموزشی).

§ 1. اطلاعات کلی در مورد زبان نشانه گذاری ابرمتن (HTML)

Hypertext متنی با کلمات (دستورات) نشانه گذاری است که به مکانهای دیگر این متن ، اسناد دیگر ، تصاویر و غیره اشاره می کند. هنگام خواندن چنین متنی (در برنامه مربوطه که آن را پردازش می کند و پیوندها یا اقدامات مربوطه را انجام می دهد) ، کلمات برجسته (برجسته) را در متن می بینید. اگر با مکان نما روی آنها ضربه بزنید و کلید یا دکمه (چشم) ماوس را فشار دهید ، آن چیزی که این کلمه به آن اشاره داشت ، به عنوان مثال ، پاراگراف دیگری از همان فصل از همان متن ، برجسته می شود. در WWW ، با استفاده از کلمات کلیدی ، می توانید به متن کاملاً متفاوتی از سند دیگر وارد شوید ، برنامه ای را وارد کنید ، برخی اقدامات را انجام دهید و غیره. در اینترنت ، در زمینه WWW ، می توانید به هر چیزی ، Telnet ، ایمیل ، ftp ، Gopher ، WAIS ، Archie ، USENET News و غیره دسترسی داشته باشید. در WWW ، می توانید به داده های سایر ماشین آلات در هر نقطه از شبکه مراجعه کنید ، سپس وقتی این پیوند را فعال می کنید ، این داده ها به طور خودکار به دستگاه منبع منتقل می شوند و متن ، داده ها ، یک عکس را روی صفحه مشاهده می کنید ، و اگر شما ایده چندرسانه ای را عملی می کنید ، صدا را می شنوید ، موسیقی ، گفتار. این کمی شبیه Gopher است ، اما در واقع اساساً متفاوت و جدید است. Gopher دارای ساختار منوی سفت و سختی است که می توانید به دلخواه در آن حرکت کنید. این ساختار بستگی به آنچه شما انجام می دهید ، از کدام سند و غیره استفاده می کنید. در WWW ، شما از طریق یک سند حرکت می کنید که می تواند هر ساختار فرامتنی داشته باشد. شما می توانید ساختارهای منوی خود را آزادانه در فرامتن سازماندهی کنید. با یک ویرایشگر فرامتن ، می توانید هر ساختار محیط کار ، از جمله اسناد ، پرونده ها ، داده ها ، تصاویر ، نرم افزار و غیره را ایجاد کنید ، و این نرم افزار جدید نخواهد بود ، بلکه فقط یک فرامتن است.

برنامه های مدرن برای توسعه سرورهای وب ، مانند MS FrontPage یا Web Pen for Windows ، حتی به یک مبتدی اجازه می دهد تا به راحتی صفحات آماده را بدون مطالعه کتاب های درسی ایجاد کند. در همان زمان ، یک متخصص در ایجاد وب سایت ها ، به نام Web-master ، فایل های آماده (متن ها ، جداول ، گرافیک ها ، پایگاه های داده ، صدا ، انیمیشن ، فیلم ها ، برنامه ها) را می گیرد و از دکمه ها و دستورات منو برای طراحی صفحات استفاده می کند. از سایت چنین برنامه هایی ، با اجرای دستورات منوهای ابزاری و عملیاتی ، فرامتن سرور WWW را تشکیل می دهند.

متن اصلی ، جدول و گرافیک و سایر اشیاء به وسیله برچسب ها (تگ = برچسب ، برچسب) در وب سایت گنجانده شده است. برچسب دنباله ای از کاراکترها است که مشخص می کند

) موقعیت جسم در صفحه سایت ،

) ظاهر شی ، یا

برچسب همچنین نشانگر کنترل ، پرچم نامیده می شود. برنامه های Web Pen خود برچسب ها را قرار می دهند ، بنابراین کاربر چنین برنامه هایی ممکن است زبان نشانه گذاری ابرمتن (HTML = HyperText Markup Language) را نداند.

دانش HTML به پنج دلیل ضروری است.
ابتدا ، Web-master سایت های شرکت های رقیب و کپی های موفقیت آمیز سرورهای WWW را تجزیه و تحلیل می کند. چنین تحلیلی که برای بهبود سایت شما ضروری است ، بدون اطلاع از زبان نشانه گذاری ابرمتن غیرممکن است.

ثانیاً ، بهبود وب سرور بدون طراحی مجدد آن (که زمان بر و هزینه بر است) را می توان با درج و حذف دستی اشیاء و برچسب ها به راحتی انجام داد.

سوم ، HTML دائما در حال پیشرفت است ، بنابراین برنامه هایی مانند MS FrontPage دائماً از جدیدترین ویژگی های زبان عقب می مانند.

چهارم ، نباید هزینه نسبتاً بالای چنین برنامه هایی را فراموش کرد.

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

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

HTML از مکانیسم پیوندهای فوق متن ویژه ای که این سند را با اسناد دیگر پیوند می دهد پشتیبانی می کند. دومی می تواند واقع شود:

) در این سایت ، یعنی در یک پوشه حاوی تمام فایل های htm ، گرافیک ، صدا ، انیمیشن ، فیلم ها ، برنامه ها ؛

) خارج از سایت در سایر پوشه های این رایانه ؛

) در شبکه جهانی وب ، یعنی در سایر سرورهای وب ؛

) در اینترنت روی انواع دیگر سرورها (FTP ، Gopher).

استفاده از مکانیسم پیوندهای فرامتن ، یک فضای اطلاعاتی یکپارچه جهانی ایجاد می کند که از طریق آن کارکنان یک شرکت تجاری اطلاعات مورد نیاز خود را از آن دریافت می کنند. استاندارد HTML ، مانند همه استانداردهای دیگر مربوط به وب ، تحت حمایت کنسرسیوم شبکه جهانی وب (W3C) تدوین شده است. مشخصات استاندارد و پیش نویس پیشنهادهای جدید را می توانید در # "578258.files / image001.gif"> در نوار وظیفه پیدا کنید.

با استفاده از فرمان منوی عملکرد (Window ، New Window) یا با کلیک روی دکمه منوی ابزار "Standard" ، یک پنجره جدید از واژه پرداز MS Word ایجاد کنید.

از فرمان منوی عملکرد (Window، Arrange all) برای قرار دادن دو پنجره به طور همزمان روی صفحه استفاده کنید: با یک دفترچه راهنما و یک پنجره جدید. مکان نما باید در یک پنجره جدید باشد. از دستور منوی عملیاتی MS Word (Insert، Picture ...) برای باز کردن پانل محاوره ای "Insert Picture" استفاده کنید.

روی فایل 1stplace.wmf از لیست فایل های wmf در سمت چپ کادر محاوره ای کلیک کنید. تصویری را که در سمت راست کادر محاوره ای ظاهر می شود ، در نظر بگیرید.

با تکرار مراحل مشخص شده در پاراگراف 6 ، چندین شکل را مشاهده کنید. با کلیک روی دکمه OK در قسمت پایین سمت چپ کادر محاوره ای ، تصویر چند رنگ مورد علاقه خود را انتخاب کنید. این شکل در یک پنجره جدید MS Word ظاهر می شود.

نشانگر ماوس را روی تصویر قرار دهید و روی دکمه سمت چپ ماوس کلیک کنید. با استفاده از فرمان منوی عملکرد (ویرایش ، کپی) یا با کلیک روی دکمه منوی ابزار "استاندارد" ، تصویر را در کلیپ بورد کپی کنید.

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

با کلیک روی دکمه به پنجره ویرایشگر رنگ بروید در نوار وظیفه

با ویرایشگر LView Pro ، فایل bmp ایجاد شده با Paint را بخوانید و پس از درک مراحل زیر ، آن را به صورت فایل gif ذخیره کنید.

File Explorer را با استفاده از دکمه Start در نوار وظیفه اجرا کنید:

START => PROGRAMS => EXPLORER

در درایو D: پوشه LWPRO را باز کرده و ویرایشگر LView Pro را با دوبار کلیک روی نام فایل Lviewpro.exe شروع کنید.

یک فایل bmp ایجاد شده با Paint با استفاده از دستور منوی LView Pro (فایل ، باز کردن) را بخوانید.

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

بیایید یک سند حاوی یک جدول ایجاد کنیم که سلولهای آن به رنگهای مختلف رنگ آمیزی شده است. پس زمینه سند را سیاه قرار دهید. ما سند را با Notepad تایپ (یا ویرایش) می کنیم و آن را در پوشه کاری موجود در فایل colortab1.htm می نویسیم.

با MS Internet Explorer به نتیجه نگاه کنید. این نتیجه با استفاده از ویژگی ها و برچسب های جدید به دست می آید. ویژگی BGCOLOR رنگ پس زمینه را در برچسب ها تنظیم می کند و همچنین می تواند در برچسب ها و برای تعریف رنگ پس زمینه خط به عنوان یک کل. برچسب زدن

به معنی پاراگراف در این حالت ، کل پاراگراف با مرکز پنجره (ویژگی ALIGN با مقدار CENTER) تراز می شود. ویژگی ALIGN همچنین می تواند چپ و راست باشد. پاراگراف با برچسب به پایان می رسد

و پس از پایان پاراگراف ، ویژگی ویژگی های آن متوقف می شود.

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

یک سند font1.htm در فهرست کار خود ایجاد کنید ، متن مثال بالا را در متن آن قرار دهید و نتیجه را ببینید. با کپی کردن این مثال در متن ایجاد شده توسط Notepad می توانید کار را تسریع کنید. برای انجام این کار ، یک نمونه را در دفترچه راهنما با کشیدن نشانگر ماوس (در حالی که کلید سمت چپ آن را پایین نگه داشته اید) در امتداد نوار انتخاب به سمت چپ سه خط مثال ، انتخاب کنید. با استفاده از سند colortab1.htm به عنوان مثال ، یک سند table3.htm در پوشه کاری ایجاد کنید که دارای جدولی با عنوان "مختصات سلول" و با 16 سلول (4 ردیف در 4 سلول) است ، که مختصات این سلول ها در آنها قرار دارد. مطابق اصل C1K1 (جایی که خط C ، ستون K با اعداد مربوطه) نوشته شده است. پس زمینه سند باید آبی-سبز ، زمینه خط سرصفحه سفید و متن خط سربرگ زرد باشد. متن در سلول های جدول باید در زمینه خاکستری سیاه باشد. سلول های جدول باید حاشیه داشته باشند.

§ 4. کاربرد عملی زبان نشانه گذاری ابرمتن HTLM

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

در حال حاضر ، عبارت "فرامتن" برای اشیاء مختلف اعمال می شود: 1) این نام روش خاصی برای ایجاد سیستم های اطلاعاتی است که دسترسی مستقیم به داده ها را با حفظ ارتباطات منطقی بین آنها فراهم می کند. 2) یک سیستم خاص برای ارائه متن و اطلاعات چند رسانه ای در قالب شبکه ای از متون به هم پیوسته و سایر فایل ها است. 3) یک رابط جهانی ویژه است که ویژگی های متمایز آن تعامل و دوستی فوق العاده آن با کاربر است. توسعه سیستم های فرامتن برای اهداف آموزشی در خارج از کشور در دهه 80 آغاز شد ، کارهای مشابه در روسیه تا همین اواخر در مرحله آزمایشی بود. در سال 2004 ، ما شاهد رشد تصاعدی تعداد سیستم های ابرمتن ارائه شده برای آموزش از راه دور بودیم که مطابق با روندهای جهانی در این زمینه است.

مطالب آموزشی تهیه شده بر اساس فن آوری های فرامتنی چند رسانه ای دارای مزایای آشکاری است که هم برای معلم ارائه ، هدایت و کنترل فرایند یادگیری و هم برای دانش آموز است: اول از همه ، اینها اساساً امکانات جدیدی برای ارائه مطالب آموزشی مرتبط هستند. با استفاده از وضوح بصری و شنیداری. همچنین لازم به ذکر است که ساختار بسیار فرامتنی مطالب آموزشی دارای معنی آموزشی خاص خود است ، زیرا این یک شکل انعطاف پذیرتر از ارائه اطلاعات است ، که باعث می شود نیازهای فردی دانش آموز را حداکثر در نظر بگیریم. به در واقع ، هر فراخوانی به یک دوره آموزشی خودکار ، که اساس آن پایگاه داده ای است که در قالب فرامتن ساخته شده است ، فرآیندی است برای ایجاد متن آموزشی خود که به طور مناسب با یک کار فوری مشخص مطابقت دارد ، در نتیجه یادگیری فرآیند جنبه خلاقیت پیدا می کند با ایجاد ارتباطات منطقی بلوک های اطلاعات ، ایجاد اطلاعات ، با منطق درک خود ، دانش آموز در واقع نویسنده مشترک می شود و شاید این جذاب ترین جنبه استفاده از چنین دوره هایی در فرایند یادگیری شود. با این حال ، باید تأکید کرد که مشکل اصلی در چنین سیستمی ، مشکل سازماندهی "ناوبری" است که به طور رایگان یا توسط استراتژی نویسنده-توسعه دهنده برای مطالعه این حوزه اطلاعاتی تحمیل شده است ، علاوه بر این ، باید خود وظایف آموزشی را نیز حل کند. در تحقیق در مورد نظریه ابر متن ، مسائل سازماندهی "خواندن" اطلاعات فرامتن همراه با تجزیه و تحلیل رسمی ساختار حوزه ابر متن ، قابلیت های ابزارهای فنی کنترل "ناوبری" و همچنین ویژگیهای ترجیحات استراتژیک شناختی فرد (ما بار دیگر تأکید می کنیم که دومی هنوز کمترین منطقه مورد مطالعه است). مدلهایی که زیربنای سیستمهای جستجوی خودکار و سیستمهای پردازش خودکار پرس و جوها هستند اغلب به عنوان مدلهای استراتژیک رسمی کاملاً توسعه یافته عمل می کنند.

الف) در اولین ، بالاترین سطح ، ژانر کوتاهترین حاشیه نویسی ممکن برای همه مفاهیم اصلی اصطلاحات استفاده می شود ،

ب) در سطح بعدی ، تفسیر اساسی مفاهیم خاصی ارائه می شود ،

در مواد کامپیوتری آموزشی آماده شده ، تعداد مطلوب پیوندهای مجاز به صورت تجربی در هر پاراگراف از متن (حداکثر 1 - 2 پیوند) و همچنین مقدار توصیه شده اطلاعات متن بدست آمده است: هنگامی که روی صفحه کامپیوتر نمایش داده می شود ، باید بیش از 1.5 یا 2 صفحه نمایش ندهید. عمق سلسله مراتبی مجاز و توصیه شده مطابق با داده های نظریه درک اطلاعات و زبان شناسی شناختی ایجاد شد. فرض بر این بود که بسته به سبک های شناختی فردی در جذب اطلاعات ، می تواند از 2 تا 5 مرحله متغیر باشد. در تعدادی از آثار روانشناختی و روان زبانی که به نظریه ابرمتن اختصاص داده شده است ، تلاش شده است تا استراتژی های اساسی که برای گروه های مختلف افراد ترجیح داده شده است ، شناسایی شوند. داده های به دست آمده به ما امکان می دهد سه نوع رفتار اصلی را در فضای ابرمتن ترسیم کنیم ، در سنت انگلیسی زبان ها مرسوم است که آنها را ناوبری عمق اول ، ناوبری گسترده و دو نوع استراتژی میانی (ناوبری تصادفی) نامید. ترکیب دو رویکرد اول در نسبت های معین). با این حال ، باید توجه داشت که همه محققان ، بدون استثنا ، بر ضرورت انجام آزمایش های اضافی در این راستا برای تعیین میزان قابلیت اطمینان داده های بدست آمده تأکید می کنند. بدون شک ، این موضوع به مطالعه بیشتر و عمیق تری نیاز دارد ، بنابراین ، در این کار ، ما عمدتاً با ایده های شهودی در مورد ساختار بهینه اتصالات ، که توسط ویژگی های مواد زیرمتن دیکته شده بود ، راهنمایی شد.

تست اثبات و پرسش شفاهی یکی از پرکاربردترین و توسعه یافته ترین ابزارهای آزمایش دانش در آموزش عالی است. آزمون کلاسیک دنباله ای از سوالات نسبتاً ساده است. هر س questionال دارای یک پاسخ ساده است که می تواند به طور رسمی بررسی و به عنوان صحیح ، نادرست یا تا حدی صحیح (به عنوان مثال ، ناقص) ارزیابی شود. سوالات معمولاً با توجه به نوع پاسخ مورد انتظار به انواع طبقه بندی می شوند. انواع س questionالات کلاسیک به سوالات [بله / خیر] ، س manyالات [بسیاری / یک پاسخ] (MV / OO) ، س manyالات [بسیاری / بسیاری از پاسخ ها] (MV / ML) ، و س textالات متن باز یا عددی تقسیم می شوند. به انواع سوالات پیشرفته شامل سوالات تطبیقی ​​، س sequenceالات دنباله ای ، سوالات اشاره (پاسخ یک یا چند ناحیه در تصویر است) و س questionsالات گرافیکی (پاسخ یک نمودار ساده است). علاوه بر این ، هر حوزه موضوعی ممکن است انواع خاصی از س questionsالات را داشته باشد.

گزینه های پشتیبانی در مرحله ساخت معمولاً بستگی به فناوری مورد استفاده برای ذخیره یک شماره واحد در سیستم دارد. در حال حاضر ، ما دو روش مختلف برای ذخیره یک سوال می شناسیم: در قالب ارائه و در قالب داخلی. در زمینه یادگیری مبتنی بر وب ، ذخیره یک سوال در قالب ارائه به معنای ذخیره آن به عنوان بخشی از کد HTML (معمولاً به عنوان فرم HTML) است. این س questionsالات را می توان سوالات ایستا نیز نامید. آنها جعبه های سیاه برای سیستم WBE هستند. این سیستم می تواند سوالات ایستا را فقط "همانطور که هست" (به شکلی که ایجاد شده اند) ارائه دهد. ایجاد سوالات از این نوع اغلب توسط سیستم WBE پشتیبانی نمی شود ، زیرا می توان آن را در هر ویرایشگر HTML انجام داد.

نوع فناوری تعاملی که برای ایجاد پاسخ های دانشجویی استفاده می شود یکی از مهمترین ویژگی های سیستم های WBE است. تمام عملکردها را در مرحله صدور سوالات تعریف می کند ، و همچنین بر مراحل ایجاد و ارزیابی سوالات تأثیر می گذارد. در حال حاضر ، پنج فناوری از یکدیگر متمایز شده اند: پیوندهای HTML ، فرم های HTML / CGI ، زبان های برنامه نویسی ، plag-in و جاوا. پیوندها ساده ترین فناوری تعامل هستند که مجموعه ای از پاسخ های احتمالی را به عنوان لیستی از پیوندهای HTLM پیاده سازی می کنند. هر پیوند به یک صفحه بازخورد خاص پیوند داده شده است. هنگام استفاده از این رویکرد ، دو مشکل بوجود می آید: پیچیدگی ایجاد س questionsالات (منطق س mustال باید به صورت محکم در فرامتن درس باشد) و پشتیبانی از تنها دو نوع س :ال: [بله / خیر] و [MV / OO ]. این فناوری عمدتا در روزهای اولیه یادگیری مبتنی بر وب استفاده می شد ، زمانی که فناوری های پیشرفته تر سازگاری مانند CGI ، جاوا اسکریپت یا جاوا هنوز توسعه نیافته بودند.

محبوب ترین فناوری تست وب که در حال حاضر توسط سیستم های تجاری و دانشگاهی متعددی استفاده می شود ، ترکیبی از فرم های HTML و اسکریپت های CGI است. فرم های HTML برای ارائه انواع اصلی سوالات بسیار مفید هستند. سionsالاتی مانند [بله / خیر] و [MV / OO] با مجموعه نمادها ، لیست های انتخاب ، منوهای بازشو نشان داده می شود. سوالات [MV / MO] با لیست های چند گزینه ای یا مجموعه دکمه های رادیویی نشان داده می شوند. سوالات باز به عنوان زمینه های ویرایش پیاده سازی می شوند. س questionsالات پیشرفته تر ، مانند تطبیق یا سوالات توالی صحیح را نیز می توان با استفاده از فرم ها پیاده سازی کرد. علاوه بر این ، می توان از فیلدهای پنهان برای ذخیره اطلاعات بیشتر در مورد آزمایشی که اسکریپت CGI به آن نیاز دارد ، استفاده کرد. مزایای قابل توجهی از استفاده از فناوری سمت سرور (که شامل فناوری فرم / CGI است) و یک فناوری نقشه سمت سرور مشابه در اجرای سوالات اشاره گرافیکی بوجود می آید.

نتیجه

بر اساس نتایج حل وظایف کاری ، نتایج زیر به دست آمد:

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

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

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

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

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

ادبیات

1. Broido V.L. سیستم های محاسباتی ، شبکه ها و مخابرات سن پترزبورگ ، پیتر 2002 - 464 ص.

2. انفورماتیک / ویرایش S.V. Simonovich. SPb ، پیتر 2001 - 400 ص.

Kirmayer M. فناوری اطلاعات. SPb.: پیتر ، 2003 - 443 ص.

سرور وب سایت Matthews J. SPb.: نماد ، 1998 - 356 ص.

اولیفر V.G. ، اولیفر N.A. شبکه های کامپیوتر. SPb.: پیتر ، 2005 - 864 ص.

اولیفر V.G. ، اولیفر N.A. سیستم عامل های شبکه SPb.: پیتر ، 2003 - 539 ص.

تکنولوژی WWW

سرویس World Wide Web (WWW) محبوب ترین سرویس در اینترنت است. WWW یک فضای اطلاعاتی یکپارچه است که از صدها میلیون سند الکترونیکی به هم پیوسته در سرورهای وب ذخیره شده است. اسناد جداگانه ای که فضای وب را تشکیل می دهند صفحات وب نامیده می شوند. گروه هایی از صفحات وب مرتبط با موضوع را وب سایت می گویند (وب سایت). یک وب سرور فیزیکی واحد می تواند شامل بسیاری از وب سایت ها باشد که به هریک از آنها فهرست خاصی در هارد دیسک سرور اختصاص داده شده است.

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

چنین دستوراتی برچسب نامیده می شوند. برچسب ها در داخل پرانتز قرار می گیرند<>... اکثر برچسب ها به صورت جفت استفاده می شوند: یک تگ باز و یک تگ پایان.

متن

برچسب های پیچیده علاوه بر کلمه کلیدی ، ویژگی ها و پارامترهای اضافی نیز دارند. قوانین نوشتن برچسب ها در مشخصات زبان نشانه گذاری ابرمتن خاص - HTML (زبان نشانه گذاری ابرمتن) وجود دارد. یعنی یک سند وب یک سند متنی ساده است که با برچسب های HTML برچسب گذاری شده است.

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

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



واژه نامه

مرورگر در پوشه فعلی سندی را در این سرور جستجو می کند

موسیقی میدی

مرورگر به سایت http://www.midi.ru می رود.

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

ارتباط ابرمتن بین تعداد زیادی اسناد ذخیره شده در سرورهای فیزیکی اینترنت مبنایی برای وجود فضای منطقی WWW است.

سخت افزار و نرم افزاری را که در مجموع وب را تشکیل می دهند در نظر بگیرید.

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

· URL و پروتکل های انتقال دادهاگر قطعاتی از یک سند در سراسر جهان پراکنده باشند و بخواهید آن را به عنوان یک سند واحد و سازگار به کاربر ارائه دهید ، به یک سیستم آدرس دهی بسیار خوب نیاز خواهید داشت. هر فایلی در اینترنت دارای آدرسی به نام URL (Uniform Resource Locator) است. به عنوان مثال ، آدرس وب سایت فدراسیون اروپا فوتبال - http://ru.uefa.com.

قسمت اول URL روش دسترسی کامپیوتر به فایل ، یعنی پروتکل ارتباطی را تعریف می کند. اکثر صفحات وب با استفاده از HTTP (پروتکل انتقال ابرمتن) قابل دسترسی هستند. به همین دلیل است که آدرس وب معمولاً با استفاده از حروف "http" مشخص می شود و مرورگرها قبل از وارد کردن آدرس وب توسط کاربر به طور خودکار این حروف را وارد می کنند. اغلب قسمت می شود آدرس های http: // در ابتدای URL حذف می شوند.

قسمت بعدی آدرس ، نام میزبان وب سرور است. سیستم نام دامنه درخواست شما را به سرور وب در هر کجا که باشد هدایت می کند.

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

· Html(زبان نشانه گذاری ابر متن - زبان نشانه گذاری ابر متن) زبان جهانی وب است. از آن برای قرار دادن صفحاتی که اطلاعات ارسال شده در وب می توانند در آنها تکثیر شود استفاده می شود: اطلاعات متنی ، گرافیکی و همچنین اطلاعات صوتی و تصویری.

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

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

· VBScript و ActiveX Controls.کنترل های VBScript و ActiveX ابزارهای استانداردی هستند که توسط Internet Explorer پشتیبانی می شوند.

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

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

· XML و دیگر زبانهای پیشرفته وب. XML (زبان نشانه گذاری قابل توسعه) یک زبان بسیار قدرتمند است که باید جایگزین HTML به عنوان زبان توسعه برنامه برای وب شود. برخلاف HTML ، XML هیچگونه دستورالعملی در مورد نحوه نمایش داده های توصیف شده در سند XML ندارد. نحوه نمایش آنها توسط زبان توصیف سبک تعیین می شود ، که تقریباً همان نقش را برای XML ایفا می کند که برگه های سبک برای HTML در حال بارگذاری است. W3C با دو مشخصات شیت سبک کار می کند: XSL (زبان سبک توسعه پذیر) و CSS (ورق های سبک آبشاری). تفاوت اساسی دیگر بین XML و HTML این است که می تواند شامل هر برچسبی باشد که سازندگان فرهنگ لغت XML می خواهند از آن استفاده کنند.

یک نسخه پیشرفته تر از HTML DHTML (Dynamic HTML - Dynamic HTML) است که شامل سه جزء - HTML ، JavaScript و CSS است.

· اشیاء گرافیکیتصاویر ، نقشه ها ، نقشه ها ، نمودارها و سایر گرافیک های ارائه شده در وب می توانند در قالب های مختلف باشند. متداول ترین فرمت ها برای نمایش اطلاعات گرافیکی JPEG و GIF است.

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

زبان نشانه گذاری ابر متن(HTML) - زبان نشانه گذاری ابرمتن - برای نوشتن اسناد ابر متن منتشر شده در شبکه جهانی وب طراحی شده است.

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

دو روش برای ایجاد اسناد ابر متن وجود دارد. می توانید از یکی از ویرایشگرهای WYSIWYG HTML (به عنوان مثال ، Microsoft FrontPage یا دیگران) استفاده کنید ، که نیازی به دانش خاصی در مورد ساختار داخلی سند ایجاد نشده ندارد. این روش به شما امکان می دهد بدون دانستن زبان HTML برای WWW اسناد ایجاد کنید. ویرایشگران HTML ایجاد اسناد فرامتنی را خودکار کرده و کارهای معمول را حذف می کنند. با این حال ، قابلیت های آنها محدود است ، آنها حجم فایل حاصله را تا حد زیادی افزایش می دهند و نتیجه بدست آمده با کمک آنها همیشه انتظارات توسعه دهنده را برآورده نمی کند. اما ، البته ، این روش برای مبتدیان در تهیه اسناد فرامتنی ضروری است.

یک راه دیگر ایجاد و علامت گذاری یک سند با استفاده از ویرایشگر متن معمولی (NotePad) است. این روش به صورت دستی دستورات HTML را در متن قرار می دهد. با ایجاد اسناد از این طریق ، شما دقیقاً می دانید که چه کار می کنید.

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

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

<имя_тега [атрибуты]>

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

ویژگی های برچسب در قالب زیر نوشته می شوند:

نام [= "ارزش"]

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

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

دنباله نویسه هایی که متن را تشکیل می دهند می تواند شامل فاصله ها ، برگه ها ، فیدهای خط ، اظهارنامه ها ، حروف ، علائم نقطه گذاری ، اعداد و کاراکترهای خاص (به عنوان مثال ، +، #، $ ، @) ، به غیر ازچهار کاراکتر زیر که دارای معنی خاصی در HTML هستند:< (меньше), >(بزرگتر از) ، & (ampersand) و "(نقل قول مضاعف). اگر نیاز دارید که هر یک از این نویسه ها را در متن قرار دهید ، باید آن را با دنباله خاصی از کاراکترها رمزگذاری کنید.

نیروی ضربت مهندسی اینترنت) پیش نویس پیشنهاد استاندارد HTML را ارسال کرد

ساختار سند HTML

یک سند HTML 4 دارای سه قسمت است:

  • یک رشته حاوی اطلاعات مربوط به نسخه HTML ،
  • اعلان بخش سرصفحه / سرصفحه (محدود شده توسط عنصر HEAD) ،
  • بدنه حاوی خود سند واقعی

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

صفحه ساده

سلام دنیا!

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

پس از آن ، می توانید برچسب باز شدن عنصر html را مشاهده کنید. این یک بسته در سراسر سند است. تگ html بسته آخرین شی در هر سند HTML است.

در داخل عنصر html یک عنصر head وجود دارد. این شامل اطلاعاتی در مورد سند (فراداده) است. در داخل سر یک عنصر عنوان وجود دارد که عنوان "صفحه ساده" را در نوار منو مشخص می کند.

عنصر head توسط یک عنصر بدن دنبال می شود ، که یک بسته است که حاوی محتوای واقعی صفحه است - در این مورد فقط یک عنصر سرفصل سطح اول (h1) که حاوی متن "سلام جهان!" ...

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

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

نحو عنصر HTML

یک عنصر اساسی در HTML شامل دو برچسب در اطراف یک بلوک از متن است. عناصری وجود دارند که متن را بسته بندی نمی کنند و تقریباً در هر مورد ، عناصر می توانند حاوی مکمل های فرعی باشند (همانطور که html شامل سر و بدنه در مثال بالا است).

موارد نیز می تواند داشته باشد ویژگی هایکه می تواند رفتار عنصر را تغییر داده و مقدار اضافی را معرفی کند.

اصول اولیه Html

در این مثال ، عنصر div (بخش صفحه ، راهی برای تقسیم اسناد به بلوک های منطقی) دارای یک ویژگی id اضافه شده به سر دکل... عنصر div شامل یک عنصر h1 (عنوان اول یا مهمترین سطح) است که به نوبه خود حاوی مقداری متن است. برخی از این متن در یک عنصر بسته بندی شده است abbr(که برای تعریف پسوند مخفف استفاده می شود) ، که دارای ویژگی عنوان تنظیم شده است زبان نشانه گذاری ابرمتن.

بسیاری از ویژگی های HTML برای همه عناصر مشترک هستند ، اما برخی از آنها مخصوص یک عنصر یا عناصر خاص هستند. همه آنها شکل دارند:

کلید واژه = "ارزش"

مقدار باید در نقل قول های یک یا دو قرار گیرد (در برخی موارد ، ممکن است نقل قول ها وجود نداشته باشد ، اما این از نظر پیش بینی پذیری ، درک بسیار خوب نیست).

ویژگی ها و مقادیر احتمالی آنها عمدتا توسط مشخصات HTML (http://www.w3.org/TR/html401/index/attributes.html) تعیین می شود ، بنابراین نمی توانید ویژگی های خود را ایجاد کنید. تنها استثنائات واقعی ویژگی های id و class هستند که مقادیر آنها کاملاً برای افزودن معنا و معناشناسی شما به اسناد است.

عنصری درون عنصر دیگر نامیده می شود "نسل"این آیتم. در مثال بالا abbrفرزند h1 است که به نوبه خود فرزند div است. برعکس ، div "جد" عنصر h1 است.

سطح بلوک و عناصر درون خطی

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

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

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

عنوان

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

این عنوان است ... ...

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

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

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

  • TITLE (عنوان سند) ؛
  • BASE (آدرس اصلی) ؛
  • ISINDEX (الگوی جستجو) ؛
  • META (اطلاعات متا) ؛
  • LINK (پیوندهای عمومی) ؛
  • STYLE (توصیف کننده سبک) ؛
  • SCRIPT (اسکریپت ها).

متداول ترین عناصر TITLE ، SCRIPT ، STYLE هستند. استفاده از عنصر META نشان می دهد که نویسنده از قوانین نمایه سازی اسناد در موتورهای جستجو و توانایی کنترل تبادل داده HTTP آگاه است. BASE و ISINDEX اخیراً عملاً استفاده نمی شوند. LINK فقط هنگام استفاده از توصیف کننده های شیوه نامه در خارج از این سند مشخص می شود.

عنصر نشانه گذاری HEAD شامل سر سند HTML است. این عنصر نشانه گذاریاختیاری است اگر تگ شروع وجود دارد عنصر نشانه گذاریمطلوب است که از تگ پایان نیز استفاده کنید عنصر نشانه گذاری... به طور پیش فرض ، عنصر HEAD زمانی بسته می شود که تگ شروع بدن BODY یا برچسب شروع کانتینر FRAMESET روبرو شود.

محفظه سربرگ برای حاوی اطلاعات مربوط به کل سند به طور کلی استفاده می شود.

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

نحو کلی برای ظرف TITLE به شرح زیر است:

نام سند

سرصفحه به عنوان محفظه برای سند مورد نیاز نیست. می توان آن را حذف کرد. بسیاری از روبات های موتور جستجو از محتوای عنصر TITLE برای ایجاد تصویر جستجوی یک سند استفاده می کنند. کلمات TITLE به فهرست موتورهای جستجو می روند. به همین دلایل ، عنصر TITLE همیشه برای استفاده در صفحات سایت توصیه می شود.

عنصر نشانه گذاری BASE برای تعیین آدرس اصلی پیوندهای فرامتن سند ، که به صورت ناقص (جزئی) مشخص شده است ، استفاده می شود. علاوه بر این ، BASE به شما اجازه می دهد تا هنگام انتخاب پیوند فرامتن سند فعلی ، پنجره پیش فرض بارگذاری سند را تعریف کنید. اغلب BASE در صفحات سایت که دارای "آینه" هستند یافت می شود. به دلایل مختلف ، برخی از اسناد روی سرور اصلی به سرور "mirror" منتقل نمی شوند. در این حالت ، سند با آدرس اصلی اجباری همیشه به سرور اصلی پیوند می یابد.

برچسب شروع ظرف شامل یک ویژگی HREF مورد نیاز است و می تواند شامل یک ویژگی اختیاری TARGET باشد. نحو یک ظرف BASE به طور کلی به شرح زیر است:

عنصر نشانه گذاری ISINDEX برای تعیین الگوی جستجو استفاده می شود و از نسخه های قبلی HTML به ارث برده شده است. این ظرف در HTML 4.0 تعریف نشده است.

عنصر نشانه گذاری META

META حاوی اطلاعات کنترلی است که مرورگر از آن برای نمایش صحیح و پردازش محتوای بدنه سند استفاده می کند ، به عنوان مثال ، با استفاده از ویژگی Content-type ، می توانید کدگذاری سند از طرف سرویس گیرنده را مشخص کنید.

اپراتورهای دیگر را نیز می توان با استفاده از META مشخص کرد. به عنوان مثال ، ذخیره سازی سند را غیرفعال کنید. برای غیرفعال کردن ذخیره سازی ، فقط یک تگ مانند این را در هدر META وارد کنید:

در نسخه جدید پروتکل HTTP (HTTP 1.1) ، ذخیره سازی توسط اپراتور Cache-Control کنترل می شود. برای به دست آوردن همان نتیجه با پراگما، در سربرگ سند HTML ، کافی است موارد زیر را مشخص کنید:

می توانید بعد از ارسال سند از ذخیره شدن آن جلوگیری کنید.

HyperTextMarkupLanguage (HTML) - زبان نشانه گذاری ابرمتن - برای نوشتن اسناد ابرمتن منتشر شده در WorldWideWeb طراحی شده است.

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

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

ساختار سند HTML

مهمترین برچسب های HTML تگ با همین نام است. ... همیشه سند را باز می کند ، درست مانند برچسبمطمئناً باید در آخرین خط خود باشد این برچسب ها نشان می دهد که خطوط بین آنها نشان دهنده یک سند واحد بیش متن است. بدون این برچسب ها ، مرورگر یا بیننده دیگر نمی تواند قالب سند را شناسایی کرده و آن را به درستی تفسیر کند.

یک سند HTML از دو قسمت سر و بدنه به ترتیب زیر تشکیل شده است:

عنوان سند

بدنه سند

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

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

متن در HTML با استفاده از یک تگ به پاراگراف ها تقسیم می شود<р>... در ابتدای هر پاراگراف قرار می گیرد و بیننده با آن روبرو می شود و پاراگراف ها را با خط خالی از یکدیگر جدا می کند. استفاده از تگ پایانلازم نیست.

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

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

هنگام استفاده از قالب بندی منطقی متن ، مرورگر قسمت های مختلف متن را با توجه به ساختار سند برجسته می کند. برای نمایش عنوان ، یکی از تگ های عنوان استفاده می شود. سرفصل های یک سند معمولی به سطوح طبقه بندی می شوند. HTML به شما امکان می دهد شش سطح عنوان را تعریف کنید: h1 (عنوان سطح اول) ، h2 ، h3 ، h4 ، h5 و h6. عنوان سطح اول معمولاً بزرگتر و سنگین تر از عنوان سطح دوم است. نمونه ای از استفاده از برچسب های سرصفحه:

ل عنوان فصل

ll. عنوان بخش

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

برچسب زدن تصویری را در سند وارد می کند که گویی فقط یک کاراکتر بزرگ است. نمونه ای از استفاده از برچسب:

چند تگ برای ایجاد پیوند فرامتن استفاده می شود<а>... ... یک قطعه از متن ، یک تصویر یا هر شیء دیگری که بین این برچسب ها قرار دارد در پنجره مرورگر به عنوان یک پیوند فرامتن نمایش داده می شود. فعال سازی چنین شیئی باعث می شود که یک سند جدید در پنجره مرورگر بارگذاری شود یا قسمت دیگری از صفحه وب فعلی نمایش داده شود. یک پیوند فرامتنی با استفاده از عبارت ایجاد می شود:

Href در اینجا یک ویژگی ضروری است که مقدار آن URL منبع درخواست شده است. هنگام تعیین مقدار ویژگی href ، علامت نقل قول اختیاری است. اگر پیوندی برای سند روی سرور دیگر تنظیم شده باشد ، نوع پیوند به شرح زیر است:

<а href = "http://www.school.donetsk.ua/11.jpg">عکس 11-الف

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

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

زبان نشانه گذاری ابرمتن HTML توسط تیم برنرز لی در سال 1989 پیشنهاد شد. در زمان ایجاد HTML ، استانداردی برای زبان نشانه گذاری برای اسناد چاپی وجود داشت - SGML (زبان علامت گذاری استاندارد عمومی) ، که به عنوان اساس HTML در نظر گرفته شد. فرض بر این بود که چنین راه حلی به استفاده از نرم افزارهای موجود برای تفسیر زبان جدید کمک می کند.

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

بنابراین ، یک پایگاه داده فرامتنی در مفهوم WWW مجموعه ای از فایل های متنی است که به زبان HTML نوشته شده است و موارد زیر را تعریف می کند:

فرم ارائه اطلاعات (نشانه گذاری) ؛

ساختار پیوندهای بین فایلها (پیوندهای فرامتنی). این رویکرد وجود یک جزء دیگر را فرض می کند

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

در سال 1990 نسخه صفر HTML 0 وجود داشت.

نسخه اول (HTML 1.0) با هدف نشان دادن زبان به عنوان چنین بود ، جایی که توصیف قابلیت های آن بیشتر از نظر ماهیت مشورتی بود.

پیش بینی ها ستون فقرات هر سیستم تجاری هستند ، بنابراین پیش بینی های خوب می تواند شما را ثروتمند کند.

نسخه دوم (HTML 2.0) روش استفاده از ساختارهای زبانی را ثابت کرد و به استاندارد ساخت WWW تبدیل شد.

نسخه ++ HTML ++ امکانات جدیدی را برای ارائه اطلاعات و جداول علمی و بهبود سبک چیدمان متن و تصاویر معرفی کرد.

نسخه سوم (HTML 3.0) همه نوآوری ها را ساده کرد و رابط کاربری سیستم توزیع شده فرامتن را رسمی کرد.

در سال 1996 نسخه جدیدی از زبان منتشر شده است: HTML 3.2 ، که شامل ابزارهایی برای ایجاد جداول ، ساختارهای زبان جاوا ، نقشه های تصویر (واقع در دستگاه مشتری) و انواع جدید قالب بندی متن است.

HTML یک زبان مبتنی بر متن است که در آن دستورالعمل های قالب بندی ، به نام برچسب ها ، در متن یک سند تعبیه شده است.

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

تگ های HTML دنباله هایی از شخصیت ها هستند که با علامت کمتر از (شروع می شوند)<) и заканчивающиеся знаком “больше” (>).

اکثر توابع قالب بندی در HTML سبک های منطقی را مشخص می کنند تا فیزیکی. به عنوان مثال ، برچسب های عنوان ، که معمولاً اندازه حروف بزرگتر را نشان می دهند ، مشخص نمی کند که از چه سایزی استفاده شود. مرورگر (که به عنوان یک برنامه مشتری عمل می کند) اندازه متن بزرگتری را برای عنوان ها انتخاب می کند. این رویکرد به شما امکان می دهد از پلت فرم خلاص شوید - سند ایجاد شده در Macintosh توسط UNIX یا Windows قابل استفاده است. نکته منفی این است که سند در سیستم عامل های مختلف متفاوت به نظر می رسد.

مرورگرهای WWW هنگام تجزیه جملات HTML مطابق قوانین زیر عمل می کنند:

فضاها و دیگر شخصیت های "نامرئی" نادیده گرفته می شوند.

همه برچسب ها را می توان به گروه هایی تقسیم کرد: برچسب های اصلی ، برچسب های قالب بندی ، برچسب های ساختار ، اشاره گرها و غیره.

برچسب های قالب بندی را می توان با حروف کوچک و / یا بزرگ نوشت.

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

متن داخل یک برچسب پایان همیشه با یک نویسه پشت خط مقدم است. در میان برچسب های اصلی HTML ، استثنائات این قاعده عبارتند از:< BASE >(اطلاعات اولیه)،< BR >(انتهای خط)،< HR >(خط کش افقی) ، و< IMG >(تصویر) این برچسب ها در یک نسخه واحد وجود دارد.

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

هر سند HTML شامل عنوان سند و بدنه آن است.

عنوان سند ، سند را مشخص می کند. باید بلافاصله بعد از برچسب برود< HTML >و با شروع کنید< HEAD >... عنوان با برچسب به پایان می رسد.

عنوان سند باید شامل عنوان سند و آدرس اصلی آن باشد.

نام سند بین برچسب ها قرار دارد< TITLE >و... از مرورگر و سرور وب استفاده می شود. نام نباید بیش از 40 نویسه باشد. عنوان سند باید آموزنده باشد ، محتوای سند را منعکس کند تا بتوان آن را شناسایی کرد. نام در نوار عنوان اینترنت اکسپلورر ، در فهرستهای تاریخچه و در موارد دلخواه ظاهر می شود.

نشانی وب پایه باید کاملاً واجد شرایط (مطلق) و حاوی پروتکل ، آدرس اینترنتی و نام فایل باشد. در برچسب نشان داده شده است< BASE HREF = “базовый_URL”>... همه URL های دیگر سند می توانند نسبت به آدرس اصلی نسبی باشند. به عنوان مثال ، اگر آدرس اصلی آدرس زیر باشد: http://www.microsoft.com/products/office/word/datasheets.htmlو باید URL ویژگی ها را مشخص کنید. html واقع در فهرست / products / office / excel در همان سرور ، می توانید موارد زیر را مشخص کنید: ../ excel / features. به جای تایپ کامل URL ، html را تایپ کنید.

نمادها. ./ نشان دهید که می خواهید یک آدرس دایرکتوری را از آدرس اصلی بالاتر ببرید.

داشتن یک آدرس پایه ، انتقال سند را به سرور دیگر آسان می کند ، زیرا اگر همه URL های دیگر سند نسبی باشند ، تنها نام سرور در آدرس اصلی در حین انتقال باید تغییر کند.

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

مثال سند HTML:

< TITLE >نام سند

< BASE HREF = “базовый_URL” >

برچسب های مورد استفاده در متن سند به شما امکان می دهد عناصر زیر را در نشانه گذاری متن مشخص کنید:

شروع پاراگراف و پایان خط

سبک های عنوان

سبک های فیزیکی - سبک های منطقی

نمادهای خاص

پیوندهای فرامتنشامل دو بخش است: اشاره گر و URL. اشاره گر متنی است که کاربر برای حرکت به جایی باید روی آن کلیک کند. URL نشانی ای را مشخص می کند که مرورگر هنگام کلیک سند روی آن ، سند را بارگیری می کند.

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

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

قالب اشاره گر:

< A HREF = “ URL ”>متن فهرست بندی ,

حرف A در برچسب کجاست< A HREF >مخفف anchor و HREF مخفف Hypertext REFerence است. همه چیز بین برچسب ها< A HREF = “ URL ”>ومتن نمایه ای است که به صورت زیر خطی یا برجسته نمایش داده می شود.

سایر کدهای قالب بندی را می توان همراه با اشاره گرهای بیش متن استفاده کرد. مثلا:

< A HREF = “ URL ”> < I > یا

< I > < A HREF = “ URL ”>به ارائه مفصل تری بروید