• برچسب های عنوان سند برچسب های مورد نیاز ساختار سند HTML

    این تگ ها شامل عناصری هستند که در کانتینر قرار دارند . همه این تگ ها به استثنای تگ مستقیماً در پنجره مرورگر نمایش داده نمی شوند ، که عنوان صفحه وب را مشخص می کند.</p> <h3><title></h3> <p>برای نمایش یک خط متن در سمت چپ استفاده می شود <a href="https://periscopes.ru/fa/v-pravom-verhnem-uglu-stranicy-ocherednoi-blog-frilansera-poslednii.html">گوشه بالایی</a>پنجره مرورگر و همچنین در یک برگه. چنین رشته ای نام سایت و سایر اطلاعاتی را که توسعه دهنده اضافه می کند به کاربر می گوید.</p> <h3><meta></h3> <p>متا تگ ها برای ذخیره اطلاعات در نظر گرفته شده برای مرورگرها و موتورهای جستجو استفاده می شوند. به عنوان مثال، موتورهای جستجو برای دریافت توضیحات یک سایت به متا تگ ها مراجعه می کنند. <a href="https://periscopes.ru/fa/statistika-zaprosov-po-dnyam-poisk-klyuchevyh-slov-v-yandekse-statistika.html">کلید واژه ها</a>و داده های دیگر اگرچه برچسب <meta>فقط یکی، چندین صفت دارد، بنابراین جمع بر آن اعمال می شود.</p> <p>بله، برای <a href="https://periscopes.ru/fa/100-luchshih-programm-dlya-vindovs-kakie-byvayut-kompyuternye-programmy-spisok.html">توضیح کوتاه</a>محتوای صفحه وب از ارزش توضیحات استفاده می کند <a href="https://periscopes.ru/fa/target-blank--naibolee-nedoocenennaya-uyazvimost-sovremennosti-osnovy-html.html">ویژگی نام</a>همانطور که در مثال 5.2 نشان داده شده است.</p> <p>مثال 5.2. با استفاده از توضیحات</p><p> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>HTML

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

    مثال 5.3. استفاده از کلمات کلیدی

    HTML

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

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

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

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

    به طور طبیعی، مانند هر زبان رایانه ای، نمی توانید بدون نظراتی که محتوای آن توسط مرورگر پردازش نمی شود و نمایش داده نمی شود، انجام دهید. آنها فقط برای راحتی توسعه دهنده، برای اسناد داخلی ساختار سند خدمت می کنند. نظرات بین قطعات محصور شده است<-- и-->. در اینجا نمونه ای از ایجاد نظرات آورده شده است: <--Это комментарий -->

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

    "http://www.w3.org/TR/html4/strict.dtd">


    عنوان سند


    بدنه سند

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

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

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


    عنوان صفحه وب

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

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

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

    "http;//www.w3.org/TR/htral4/strict.dtd">


    اولین صفحه وب من


    روز خوش برای همه کسانی که از سایت ساده من بازدید کردند

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

    برنج. 1.1. نتیجه مشاهده فایل نشان داده شده در لیست 1.1 در مرورگر

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

    اغلب، یک پارامتر یک جفت نام-مقدار است.

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

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

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

    • پارامتر زمینهبه شما اجازه می دهد تا به عنوان پس زمینه از هر کدام استفاده کنید تصویر گرافیکی. مقدار پارامتر آدرس این تصویر، یعنی URL آن است.
    • پارامتر متنرنگ فونت مورد استفاده برای نمایش محتوای متنی صفحه وب را مشخص می کند.
    • پارامتر ارتباط دادنبه شما امکان می دهد رنگی را تنظیم کنید که لینک های متنی تعبیه شده در محتوای یک صفحه وب در نمای مرورگر نمایش داده شوند.
    • پارامتر vlinkرنگ هایپرلینک هایی را که کاربر قبلاً در جلسه جاری بازدید کرده است را تعیین می کند.
    • پارامتر پیوندمشخص می کند که از چه رنگی برای نمایش لینک های انتخاب شده توسط کاربر استفاده می شود.
    • پارامتر زباننشان دهنده زبانی است که محتوای متنی صفحه وب با آن نوشته شده است. این مقدار از کدهای زبان دو حرفی ارائه شده در RFC 1766 استفاده می کند. ما در واقع نیازی به دانستن همه این قراردادها نداریم. در اکثریت قریب به اتفاق موارد، ما از روسی یا استفاده خواهیم کرد زبان انگلیسی. کد آنها به ترتیب "gu" و "en" است.

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

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

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

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

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

    "http://www.w3.org/TR/html4/strict.dtd">


    همه چیز در مورد تغذیه همستر

    description" contferit="صفحه وب درباره تغذیه کوچک
    جوندگان، به ویژه، همستر، در خانه">


    اوه، آن حیوانات کوچک و بامزه همستر هستند. ،

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

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

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

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

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

    برچسب بزنید ، که برای نشان دادن تاریخ انقضای یک صفحه وب سازگار شده است، چیزی شبیه به این است:

    مثال نشان می دهد که این پارامتر برای تعیین نام پروتکل HTTP غیر متغیر استاندارد استفاده می شود. http-equivو برای تنظیم مقدار این متغیر - پارامتر محتوای از قبل آشنا. همچنین به راحتی می توان دریافت که تعیین تاریخ آخرین استفاده از سند با استفاده از متغیر Expires انجام می شود و مقدار آن باید در یک مشخص مشخص شود. قالب متنبا زمانی که نصف النهار گرینویچ نشان می دهد.

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

    <МЕТА http-equiv-"Refresh" cpntent=10>

    صفحه ای با طراحی مشابه در بلوک عنوان به طور خودکار هر ده ثانیه بارگذاری می شود.

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

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

    پارامتر id برای شناسایی یک برچسب استفاده می شود. بیایید به پاراگراف های مثال متن برگردیم. با کمی نگاه کردن به آینده، می توان گفت که پاراگراف ها با استفاده از یک جفت تگ نشان داده شده اند <р> و . بنابراین، ایجاد پاراگراف‌هایی که می‌توانیم آن‌ها را متمایز کنیم، تقریباً با استفاده از ساختار زیر انجام می‌شود:

    <р id="р1">پراگراف اول
    <р id="p2">پاراگراف دوم

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

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

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

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

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

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

    همچنین توجه داشته باشید که مرورگرها div ها را با خطوط شکسته می پیچند. ساده ترین راه برای نشان دادن این با یک مثال است:

    فهرست 1.2

    "http://wvw.w3.org/TR/html4/strict.dtd">


    نمایش divs



    وقت خوش
    cytok، به همه کسانی که بازدید کردند
    وب سایت حقیر من


    نتیجه نمایش چنین فایل HTML مرورگر اینترنت Explorer در شکل نشان داده شده است. 1.2. برچسب ها و

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

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

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

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

    با جفت بسته شدنش

    ، عنوان سطح دوم با استفاده از جفت پیاده سازی می شود

    -

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

    فهرست 1.3

    "http://www.w3.org/TR/html4/strict.dtd">


    نمایش عنوان


    عنوان سطح اول


    عنوان سطح دوم


    عنوان سطح سوم


    عنوان سطح چهارم


    عنوان سطح 5

    عنوان سطح 6

    <р>0 متن ساده

    چگونه به نظر می رسد را می توان به وضوح در شکل مشاهده کرد. 1.3.

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

    تگ های عنوان دارای مجموعه ای از گزینه های مشابه با برچسب های اخیراً مورد بحث هستند و

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

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

    HTML- مخفف "زبان نشانه گذاری فرامتن» (eng. HyperText Markup Language) که پرکاربردترین زبان برای نوشتن صفحات وب است.

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

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

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

    سند HTML

    مثال زیر یک سند HTML را نشان می دهد ساده ترین شکل:

    عنوان سند

    سرتیتر

    اینم محتویات سند...

    بیایید کد را در فایل HTML document.html با مورد دلخواه خود ذخیره کنیم ویرایشگر متن. و فایل را با یک مرورگر وب مانند اینترنت اکسپلورر باز کنید، گوگل کرومیا فایرفاکس و غیره. باید نتیجه زیر را نشان دهد:

    برچسب ها برای ایجاد یک سند HTML

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

    مثال بالا از تگ های زیر برای ایجاد یک سند HTML استفاده می کند:

    برچسب بزنیدشرح
    این تگ نوع سند و نسخه HTML را مشخص می کند.
    این تگ سند کامل HTML را پوشش می دهد و عمدتاً از عنوان سند تشکیل شده است که توسط تگ ها نشان داده می شود. ... و بدنه سند که با برچسب ها نشان داده می شود ... .
    این تگ نشان دهنده عنوان سند است که ممکن است حاوی تگ های html دیگری مانند , <link>و غیره.</td> </tr><tr><td><title> </td><td>برچسب بزنید <b><title> </b>در داخل تگ استفاده می شود <head>عنوان سند را مشخص کنید.</td> </tr><tr><td><body> </td><td>این تگ نمایانگر بدنه سند است که تگ های html دیگری مانند <h1>, <div>, <p>و دیگران.</td> </tr><tr><td><h1> </td><td>این تگ نشان دهنده عنوان است.</td> </tr><tr><td><p> </td><td>این تگ نشان دهنده یک پاراگراف است.</td> </tr></table><p>دانستن این تگ ها برای ایجاد یک سند html (صفحه html) کاملاً کافی است.</p> <p>برای یادگیری HTML، باید تگ های مختلف را بشناسید و نحوه رفتار آنها در زمان فرمت کردن را بدانید. <a href="https://periscopes.ru/fa/programma-dlya-nabora-tekstovyh-dokumentov-na-kompyutere-tekstovye-redaktory.html">سند متنی</a>. یادگیری HTML آسان است زیرا کاربران فقط باید یاد بگیرند که چگونه از برچسب های مختلف برای قالب بندی متن یا تصاویر استفاده کنند تا یک صفحه وب زیبا بسازند.</p> <h2>ساختار سند HTML</h2> <p>ساختار یک سند معمولی HTML به شکل زیر است:</p><p>برچسب اعلامیه سند <html> <head> <title>برچسب های مرتبط با عنوان سند برچسب های مرتبط با بدنه سند

    در آموزش های بعدی همه تگ های سر و بدن را یاد خواهیم گرفت، حالا ببینیم تگ اعلام سند چیست.

    اعلام

    اعلامیه برچسبمرورگر وب برای درک نسخه HTML استفاده شده در سند استفاده می کند. نسخه فعلی HTML 5 است و از اعلان زیر استفاده می کند:

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

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

    یک سند HTML همچنین باید حاوی عناصر HEAD (اطلاعات سند) و BODY (بدنه سند) باشد.

    بخش سندسر

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

    بخش هدر با یک تگ شروع می شود < سر> و بلافاصله تگ را دنبال می کند . بین تگ های باز و بسته شدن عنصر HEAD عناصر سرفصل دیگری قرار دارند.

    عنوان سند

    تگ برای نامگذاری یک سند HTML استفاده می شود. < عنوان> . این نام در عنوان پنجره مرورگر نمایش داده می شود. نام بین تگ ها نوشته می شود وو یک رشته متن است. این رشته می تواند هر طولی داشته باشد، اما توصیه می شود بیشتر از 60 کاراکتر نباشد. عنصر TITLE فقط باید در بخش HEAD ظاهر شود.

    بخش سندبدن

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

    مشخصات آیتمبدن

    برچسب بزنید دارای تعدادی ویژگی است که ظاهر سند را تعیین می کند. در زیر مشخصات تگ آورده شده است .

    TEXT = رنگ متن

    BGCOLOR = رنگ پس زمینه

    BACKGROUND="آدرس تصویر پس زمینه"

    ویژگی TEXT رنگ فونت کل سند را در RGB یا نماد کاراکتر مشخص می کند. به طور پیش فرض (اگر این ویژگی مشخص نشده باشد) از تنظیمات مرورگر استفاده می شود.

    ویژگی BGCOLOR رنگ پس‌زمینه پنجره مرورگر سند را به صورت RGB یا نماد نمادین مشخص می‌کند. تنظیمات مرورگر به طور پیش فرض استفاده می شود.

    ویژگی BACKGROUND به شما امکان می دهد آدرس و نام تصویر را برای استفاده به عنوان پس زمینه مشخص کنید. این نقاشی در پس‌زمینه سند تکثیر و توزیع می‌شود.

    ویژگی‌های LINK، VLINK و ALINK رنگ‌های پیوند را در RGB یا نماد نمادین مشخص می‌کنند. تنظیمات مرورگر به طور پیش فرض استفاده می شود. هایپرلینک بازدید نشده، هایپرلینکی است که هنوز برای پیمایش به سند دیگری استفاده نشده است. هایپرلینک بازدید شده، هایپرلینکی است که قبلاً برای پیمایش به سند دیگری استفاده شده است. هایپرلینک فعال پیوندی به سندی است که در حال حاضر به آن پیمایش می شود.

    نکاتی برای استفاده از ویژگی های برچسب BODY

     اگر حداقل یک رنگ را در تگ BODY مشخص کنید، بقیه را مشخص کنید. این به این دلیل است که کاربر می تواند تنظیمات رنگ مرورگر خود را به دلخواه تنظیم کند. تعیین تنها یک رنگ می تواند منجر به وضعیتی شود که برای برخی از کاربران متن با رنگ پس زمینه ادغام شود. در نتیجه مشاهده سند مشکل خواهد بود.

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

     هر دو BGCOLOR و BACKGROUND را می توان در عنصر BODY مشخص کرد. در این حالت، مرورگر BACKGROUND را ترجیح می دهد، اما اگر تصویر پس زمینه بارگیری نشود، از BGCOLOR استفاده می شود. بنابراین سعی کنید رنگ پس زمینه را مشابه رنگ تصویر پس زمینه تنظیم کنید تا تعادل رنگ سند به هم نخورد.

    • 1. اسناد HTML اسناد ساختاری هستند.
    • 2. نام عناصر را می توان در هر صورت نوشت.
    • 3. نام صفات را می توان در هر صورت نوشت.
    • 4. مقادیر مشخصه به حروف بزرگ و کوچک حساس هستند، به خصوص آدرس ها

    picture.gif و picture.GIF متفاوت هستند!).

    • 5. نام عناصر نمی تواند حاوی فاصله باشد.
    • 6. اگر مقادیر مشخصه حاوی فاصله هستند، باید در علامت نقل قول باشند.
    • 7. فضاهای اضافی، زبانه ها و برگردانده های کالسکه نادیده گرفته شده و در یک فضا فشرده می شوند.
    • 8. عناصر را می توان در داخل یکدیگر تودرتو کرد. در این صورت باید قانون تودرتو رعایت شود. در داخل عنصر تو در تو، علاوه بر تگ باز، باید یک تگ بسته نیز وجود داشته باشد. تقاطع ها نادرست هستند:

    ساختار سند HTML

    9. عناصر و ویژگی های ناآشنا توسط مرورگرها نادیده گرفته می شوند ("تحمل خطا").

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

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

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

    عنوان کلی سند.تگ سر سند باید بلافاصله بعد از تگ استفاده شود و هیچ جای دیگری در متن سند نیست. این تگ است توضیحات کلیسند برچسب شروع مستقیماً قبل از برچسب قرار می گیرد و سایر تگ هایی که سند را توصیف می کنند و تگ پایان</head>بلافاصله پس از پایان شرح سند قرار می گیرد.</p> <p><b>عنوان سند.</b>اکثر مرورگرهای وب محتویات برچسب را نمایش می دهند <TITLE>در نوار عنوان پنجره حاوی سند، و در فایل نشانک، اگر توسط مرورگر وب پشتیبانی می شود. عنوان با برچسب ها مشخص شده است <TITLE>و، داخل تگ ها قرار می گیرد . وقتی خود سند در پنجره نمایش داده می شود، عنوان سند ظاهر نمی شود.

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

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

    سطوح سرفصل<Нх>. سطح اول سرفصل ها (بزرگترین) با 1، سطح بعدی با 2 و به همین ترتیب تا 6 نشان داده می شود. اکثر مرورگرها از تفسیر شش سطح عنوان پشتیبانی می کنند و به هر یک از آنها سبک خاص خود را می دهند. در بیشتر موارد، متن چنین عنوانی پررنگ می شود و یک خط خالی بعد از متن حذف می شود. مهم است که این برچسب ها ساختار منطقی سند را تعیین کرده و در نمایه سازی توسط موتورهای جستجوی اینترنتی شرکت کنند. سرفصل های بالاتر از سطح ششم استاندارد نیستند و ممکن است توسط مرورگر پشتیبانی نشوند.

    برچسب پاراگراف<Р>. که درمتفاوت از اکثر واژه پردازهادر سند HTML نادیده گرفته می شود. مرورگر پاراگراف ها را تنها زمانی تقسیم می کند که یک برچسب وجود داشته باشد<Р>. اگر نه برای جدا کردن پاراگراف ها با یک برچسب<Р>، سپس سند مانند یک پاراگراف بزرگ به نظر می رسد.

    تگ متنی از پیش فرمت شده 

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

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

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

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

     
      و با تگ به پایان می رسد
     
  • .
    

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

    یک لیست شماره گذاری شده با یک تگ شروع شروع می شود 
      و با تگ به پایان می رسد
    .  هر مورد لیست با یک برچسب شروع می شود<ы>.
    

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

    گرافیک در یک سند HTML.یکی از جذاب‌ترین ویژگی‌های وب، قابلیت گنجاندن گرافیک و انواع دیگر داده‌ها در یک سند HTML است.
    

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

    

    پارامتر مورد نیاز همان دستور URL استاندارد را دارد.  این URL به مرورگر می گوید که کجا
    

    طراحی  نقاشی باید در آن نگهداری شود فرمت گرافیکیتوسط مرورگر پشتیبانی می شود.  تا به امروز، این فرمت های GIF، JPG، PNG.  آنها توسط اکثر مرورگرها پشتیبانی می شوند.
    

    ALT = "متن"
    

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

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

    پیوندهای ابرمتن یک جزء کلیدی در جذاب کردن وب برای کاربران هستند.  کاربر با افزودن پیوندهای فرامتن (که از این پس پیوند نامیده می شود)، مجموعه ای از اسناد مرتبط و ساختار یافته را ایجاد می کند که به او اجازه می دهد تا اطلاعات مورد نیاز خود را در سریع ترین زمان و راحت تر به دست آورد.
    

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

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

    <А HREF="URL">متن-یا-تصویر-به-عنوان پیوند برجسته شود
    


    برچسب بزنید<А HREF="URL">توضیحات پیوند و برچسب را باز می کند- آن را می بندد.  هر متنی بین این دو تگ به روشی خاص توسط مرورگر وب برجسته می شود.  به طور معمول، این متن با رنگ های خط دار و برجسته نمایش داده می شود.  تصویر توسط یک قاب مستطیلی قاب شده است.  متنی که نشان‌دهنده URL است توسط مرورگر نمایش داده نمی‌شود، اما فقط برای انجام اقدامات مورد نظر خود در هنگام فعال شدن پیوند استفاده می‌شود (معمولاً زمانی که ماوس روی متن برجسته یا زیر خط‌دار کلیک می‌کند).
    

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



				
    
				

    




    





			
				
    
			بیشتر بخوانید: