نحوه راه اندازی گوشی های هوشمند و رایانه های شخصی. پرتال اطلاعاتی

نحو HTML. JCE - ویرایشگر بصری برای جوملا

نحو HTML

یک سند HTML را می توان در هر کدام ایجاد کرد ویرایشگر متن، اگر چه دفترچه یادداشت,

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

هر صفحه وب مجموعه ای از عناصر است که متعلق به آن هستند اجزاء(متن، تصاویر، پیوندها، جداول و غیره).

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

تگ ها اولاً متن سند بدون قالب اصلی را به عناصر تقسیم می کنند و ثانیاً عناصر جدیدی ایجاد می کنند که با هیچ متنی مطابقت ندارند (مثلاً درج های گرافیکی).

عمومی نحونوشتن تگ های بعدی

بنابراین، دو نوع تگ وجود دارد:

· تک (یک تگ به طور مستقل استفاده می شود)

· جفت شده ( تگ جفت شدهممکن است شامل برچسب ها یا متن های دیگری باشد)

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

یک جفت تگ دو قسمت دارد: افتتاحو بسته شدنبا اضافه کردن یک اسلش

ساختار سند HTML

ویرایشگر را طوری پیکربندی کنید که نحو زبان HTML را "درک" کند.

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

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

مثال 1. سادهوب-صفحه

https://pandia.ru/text/79/171/images/image004_4.jpg" width="441 height=327" height="327">

فایل را باز کنید ( دوبار کلیک کنید) در مرورگر و نتیجه را ببینید.

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

برچسب بزنید …ابتدا و انتهای یک فایل HTML را تعریف می کند.

ظرف …عنوان سند است. این شامل اطلاعات خدمات است.

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

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


برچسب بزنید اجباری است و حتما باید در کد سند موجود باشد. در قسمت هدر سند، یعنی بین تگ ها قرار می گیرد ….

محتوای سربرگ …به جز ظرف در صفحه نمایش داده نمی شود .

بدنه سند …برای قرار دادن برچسب ها و محتوای یک صفحه وب در نظر گرفته شده است.

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

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

سرفصل

پراگراف اول.

پاراگراف دوم.

یک نظر است

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

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

بنابراین، هر صفحه وب دارای ساختار زیر است.

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

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

بلوک عناصر

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

,

,...,

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

مثال 2 را دنبال کنید.

مثال 2. عنوان متن سطوح مختلف

هنگام نمایش یک سند HTML بر اساس اندازه فونت و پررنگ بودن سرفصل ها توسط مرورگر برجسته می شوند. سرفصل ها باید با دقت زیادی مطابق با سطح منطقی آن در ساختار سند استفاده شوند. برای برجسته کردن متن ساده نباید از تگ های h1–h6 استفاده کنید. آنها به طور خاص برای سرفصل ها استفاده می شوند.

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

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

تکلیف برای تکمیل مستقل.

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

مثال 3: ایجاد فهرست مطالب.

مبانی طراحی

1. روابط فضایی.

1.1. اندازه.

1.1.1. نسبیت اندازه

1.1.2. هنر تراز کردن متن

1.2. نسبت ها

2. فرم.

2.1. مستقیم.

2.2. مستطیل ها

2.3. منحنی های Bezier.

برچسب بزنید

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

برچسب بسته شدن

لازم نیست.

برچسب بزنید

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

ممکن است حاوی یک صفت تراز اضافی باشد (به عنوان خوانده شده "eline" از انگلیسی "align"). با این حال، در حال حاضر توصیه می شود از سبک ها برای تراز کردن عناصر استفاده کنید.

یک پاراگراف را در سمت چپ تراز می کند

یک پاراگراف را به سمت راست تراز می کند

یک پاراگراف را در مرکز قرار می دهد

یک پاراگراف را در عرض تراز می کند

مثال 4 را دنبال کنید.

مثال 4: تگ پاراگراف.

https://pandia.ru/text/79/171/images/image013_2.jpg" width="484 height=265" height="265">


برچسب بزنید


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

ویژگی های:

align - تراز خط را تعیین می کند.

رنگ - رنگ خط.

noshade - یک خط بدون جلوه های سه بعدی ترسیم می کند.

اندازه - ضخامت خط.

عرض - عرض خط.

مثال 5 را دنبال کنید.

مثال 5. مجموعه خطوط افقی

بدون کمک دیگریمقادیر پارامتر را تغییر دهید نتیجه را مشاهده کنید.

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

مثال 6 را دنبال کنید.

مثال 6. نقل قول

به تورفتگی های مشخصه توجه کنید.

برچسب بزنید

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

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

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

مثال 7 را دنبال کنید. برای نوشتن نام خود از ستاره استفاده کنید.

مثال 7: تگ پیش فرمت

عناصر درون خطی

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


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

مثال 8 را دنبال کنید.

مثال 8: شکست خط

یک تگ جهانی که برای تعریف یک عنصر درون خطی در یک سند طراحی شده است.

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

) می توانید رنگ و اندازه حرف اول را با افزودن تگ شروع و پایان تغییر دهید و یک سبک متن برای آن تعریف کنید.

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

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

· به هیچ وجه نمی تواند عناصر بلوک را ذخیره کند.

· عناصر بلوک همیشه از یک خط جدید شروع می شوند و عناصر درون خطی به این شکل تاکید نمی کنند.

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

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

برچسب بزنید یکی از عناصر مهم HTML است و برای ایجاد لینک در نظر گرفته شده است. بسته به وجود نام یا ویژگی های تگ href یک پیوند یا لنگر تنظیم می کند.

پررنگ بودن فونت را مشخص می کند.

برچسب بزنید اندازه فونت را نسبت به متن معمولی یک برابر افزایش می دهد. در HTML، اندازه قلم در واحدهای دلخواه از 1 تا 7 اندازه گیری می شود، متوسط ​​اندازه متن پیش فرض 3 است. بنابراین، اضافه کردن یک برچسب متن را یک واحد معمولی افزایش می دهد.

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

استفاده از تگ
یک تورفتگی خالی قبل از خط اضافه نمی کند.

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

سبک ایتالیک فونت را تنظیم می کند.

برچسب بزنید طراحی شده برای نمایش تصاویر با فرمت های گرافیکی GIF، JPEG یا PNG در یک صفحه وب. در صورت لزوم، می توان با قرار دادن برچسب، نقاشی را به یک فایل دیگر پیوند داد داخل یک ظرف . در این حالت یک فریم در اطراف تصویر نمایش داده می شود که با افزودن ویژگی border="0" به تگ حذف می شود. .

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

یک تگ جهانی که برای تعریف یک عنصر درون خطی در یک سند طراحی شده است.

برچسب بزنید برای تأکید بر متن مرورگرها این متن را به صورت پررنگ نمایش می دهند.

فونت را به عنوان زیرنویس نمایش می دهد. متن زیر خط پایه کاراکترهای باقیمانده خط و در اندازه کوچک شده - H2 O قرار دارد.

فونت را به صورت فوق نویس نمایش می دهد. عمل آن مشابه است اما متن در بالای خط مبنا متن نمایش داده می شود - m2.

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

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

عناصر بلوک همیشه از یک خط جدید شروع می شوند و عناصر درون خطی به این شکل تاکید نمی کنند.

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

عناصر جهانی

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

برچسب بزنید برای برجسته کردن متنی که در آن حذف شده است استفاده می شود نسخه جدیدسند قالب بندی مشابه

به شما امکان می دهد تغییرات ایجاد شده در متن سند را پیگیری کنید. مرورگرها معمولاً متن را در یک ظرف علامت گذاری می کنند مانند خط خورده

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

برچسب ها برای لیست ها

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

برچسب بزنید

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

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

    برچسب بزنید

  1. تعریف می کند عنصر جداگانهفهرست برچسب خارجی
      یا
        نوع لیست را تنظیم می کند - گلوله ای یا شماره گذاری شده.

        ,
        ,

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

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

        برچسب ها برای جداول

        یک جدول از ردیف ها و ستون هایی از سلول ها تشکیل شده است که می تواند حاوی متن و عکس باشد. جداول معمولاً برای سازماندهی و ارائه داده های جدولی استفاده می شوند.

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

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

        .

        برچسب بزنید

        به عنوان ظرفی برای ایجاد ردیف جدول عمل می کند.

        ویسوتسکی ولادیمیر سمنوویچ (1938-1980) شاعر و بازیگر روسی

        در 1947-1949. با پدر و همسر دومش زندگی می کرد در شهر Eberswalde-Finow (آلمان)، سپس به مسکو بازگشت.

        ویسوتسکی در حین تحصیل در مدرسه در باشگاه نمایش تحصیل کرد و می خواست وارد موسسه تئاتر شود ، اما به اصرار والدینش امتحانات را پس داد. به موسسه ساخت و ساز مسکو به نام V.V. Kuibyshev، از جایی که به زودی از آنجا رفت. در تابستان 1956 وارد شد مدرسه-استودیو به نام V.I. Nemirovich-Danchenko در تئاتر هنر مسکو.

        پس از فارغ التحصیلی از استودیو (1960) در آن مشغول به کار شد تئاتر درام مسکو به نام A. S. Pushkinو در تئاتر مینیاتور مسکو. سپس بازی در فیلم را آغاز کرد.

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

        در سال 1960-1961 اولین آهنگ های ویسوتسکی ظاهر شد. او در طول زندگی خود حدود هزار نفر از آنها را خلق کرد. به طور رسمی به رسمیت شناخته نشد، با دور زدن رادیو، تلویزیون و چاپ، به لطف نوارها، آهنگ های ویسوتسکی برای همه شناخته شد.

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

        در 25 ژوئیه 1980 در مسکو درگذشت، به خاک سپرده شد در گورستان Vagankovskoye. تنها پس از مرگ او اولین مجموعه شعر او به نام "عصب" (1981) منتشر شد.

        در سال 1987 ، برای نقش کاپیتان MUR گلب ژگلوف در فیلم تلویزیونی پنج قسمتی به کارگردانی S. S. Govorukhin "محل ملاقات را نمی توان تغییر داد" ، پس از مرگ جایزه دولتی اتحاد جماهیر شوروی را دریافت کرد.

        بهترین مقالات در این زمینه

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

        برچسب بزنید