زبان HTML به هدف زبان HTML اشاره دارد. استاندارد HTML و مشخصات XHTML. ساختار سند HTML دستورالعمل اجرا

طراحی وب سایت

مراحل ساخت وب سایت

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

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

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

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

نوشتن کد وب سایتبرنامه نویسی فایل تحت وب، نوشتن بخش کاربردی

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

انتشار.قرار دادن وب سایت در اینترنت. اکثر ارائه دهندگان خدمات اینترنت (ISP) خدمات میزبانی صفحات وب خانگی را به صورت رایگان ارائه می دهند (این سرویس میزبانی وب نامیده می شود). برای انتشار، می توانید وب سایت خود را با یک ارائه دهنده میزبانی کنید یا از گزینه های دیگر استفاده کنید.

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

اصطلاحات طراحی وب سایت

مرورگر اینترنت- یک برنامه کاربردی طراحی شده برای تفسیر کدهای اسناد HTML و نمایش یک سند فرامتن بر روی صفحه کامپیوتر. پرکاربردترین مرورگرها - اینترنت اکسپلورر,اپرا موزیلا فایرفاکس, گوگل کروم. همراه با اصطلاح "مرورگر" از اصطلاحات مترادف استفاده می شود: "مرورگر" و "ناوبر".

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

صفحه وب (سند HTML) یک فایل متنی است زبان HTMLقالب *.htm یا *.html، ارسال شده در WWW. علاوه بر متن، یک صفحه وب می‌تواند شامل گرافیک، انیمیشن، کلیپ‌های ویدئویی، موسیقی و همچنین پیوندهای فرامتن باشد که با آن می‌توانید به سایر صفحات وب پیمایش کنید و آن‌ها را مشاهده کنید.

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

ایجاد وب سایت با استفاده از زبان HTML

زبان HTML(Hyper Text Markup Language) یک زبان نشانه گذاری اسناد فرامتن است که برای نوشتن وب سایت ها استفاده می شود.

زبان HTML به شما اجازه می دهد:

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

- ویرایش اسناد HTML دریافت شده از اینترنت به طوری که تمام اشیاء تعبیه شده در سند (تصاویر، انیمیشن ها و غیره) عملکرد داشته باشند.

- ايجاد كردن ارائه های چند رسانه ای، نمایش اسلایدها، پروژه های نمایشی، به لطف پیوندهای فرامتن و امکان درج نقشه ها، نمودارها، انیمیشن ها، کلیپ های ویدیویی، همراهی موسیقی و گفتار، جلوه های ویژه متن (مثلاً خط خزنده) در یک سند HTML.

مفاهیم اولیه زبان HTML

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

صفحه وبمجموعه ای از عناصر است.

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

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

فرم- ناحیه ای از یک سند فرامتن که برای سازماندهی لازم است بازخوردبا بازدیدکنندگان سایت

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

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

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

پیکسل- کوچکترین نقطه رنگ روی صفحه نمایش مانیتور.

ساختار کلی یک سند HTML ساده

ساختار کلی یک سند HTML ساده به این صورت است:

<СОММЕNT> یک نظر

</b>نام سند <b></ TITLE > </b></p> <p><b></HEAD> </b></p> <p><b><BODY> </b></p> <p>این جایی است که متن خود سند HTML قرار دارد.</p> <p><b></BODY> </b></p> <p><b></HTML> </b></p> <p>بیایید این تگ های سند HTML را توضیح دهیم:</p> <p><b><COMMENT> </b>- تفسیر سند لازم نیست.</p> <p><b><HTML> </b>- شناسه کل بلوک دستورات HTML.</p> <p><b><HEAD> </b>- شناسه سرصفحه سند HTML.</p> <p><b><TITLE> </b>- شناسه عنوان viewport</p> <p><b><BODY> </b>- شناسه دستورات HTML سندی که باید مشاهده شود.</p> <p>سه تگ اصلی <b><HTML> </b>, <b><HEAD> </b>و <b><BODY> </b>اطلاعات اولیه را برای شناسایی و سازماندهی سند به مرورگر ارائه دهید.</p> <p>همه تگ های مشخص شده جفت می شوند، یعنی. هر کدام با یک تگ پایان با یک اسلش به پایان می رسد. تمام دستورات را می توان با حروف کوچک و بزرگ نوشت.</p> <p><b><МЕТА> </b>- یک تگ جفت نشده برای نشان دادن استفاده می شود <a href="https://whatsappss.ru/fa/tools/obzor-smartfona-highscreen-power-ice-obrazcovyi-byudzhetnik-highscreen-power-ice.html">اطلاعات دقیق</a>در مورد سند</p> <p><u>تگ های قالب بندی جریان متن</u></p> <p><b><Р> </b>- شناسه انتهای پاراگراف که پس از آن اضافه می شود <a href="https://whatsappss.ru/fa/browser/specifikacii-po-html5-na-russkom-standarty-kodirovaniya-v-html5-pustye-stroki-i.html">خط خالی</a>. در پایان به یک برچسب نیاز دارید <b></Р> </b>.</p> <p><b><BR> </b>- شناسه خوراک خط</p> <p><b><HR> </b>- شناسه تصویر خط افقی.</p> <p>این برچسب ها تک هستند، یعنی. بدون جفت، آنها نیازی به تگ های اسلش ندارند.</p> <p><b><PRE> </b>- نصب فونت با فاصله مساوی در پایان به یک برچسب نیاز دارید <b></PRE>. </b></p> <p><u>برچسب های جفت شده برای قالب بندی سرفصل ها و زیرعنوان های سند</u></p> <p><b><Н1>, <Н2>, <НЗ>, <Н4>, <Н5>, <Н6>. </b>در این حالت عنوان ها با حروف بزرگ و اندازه حروف تگ نمایش داده می شوند <b><Н1> </b>بزرگترین خواهد بود <b><Н2> </b>- کمتر، y <b><НЗ> </b>- حتی کمتر و غیره</p> <p><u>برچسب های قالب بندی کاراکتر متن جفت شده</u></p> <p><b><В> </b>- شناسه فونت پررنگ</p> <p><b><strong> </b>- شناسه فونت انتخاب شده</p> <p><b><i> </b>- شناسه مورب</p> <p><b><U> </b>- شناسه زیرخط</p> <p><b><s> </b>- شناسه خط خطی</p> <p><b><tt> </b>- شناسه فونت با فاصله مساوی (تله تایپ یا پیک).</p> <p><b><big> </b>- اندازه فونت را افزایش می دهد.</p> <p><b><small> </b>- اندازه فونت کاهش یافته را تنظیم می کند.</p> <p><b><center> </b>- مرکز متن را تنظیم می کند.</p> <p><b><sub> </b>- زیرنویس را تنظیم می کند.</p> <p><u>تگ های قالب بندی پاراگراف</u></p> <p><b><р align=left> </b>- متن را در یک پاراگراف به سمت چپ تراز کنید.</p> <p><b><р align=right> </b>- متن را در یک پاراگراف به سمت راست تراز کنید.</p> <p><b><р align=center> </b>- متن را در یک پاراگراف با مرکز تراز کنید.</p> <p><b><р align=justify> </b>- تراز کامل در هر دو لبه صفحه نمایش،</p> <p><b>تراز کردن</b>- ویژگی تراز.</p> <p><u>برچسب های لیست</u></p> <p>تگ های لیست راهی برای نمایش بصری اطلاعات ساختاریافته است. لیست های مرتب شده برای نمایش عملیات یا الگوریتم های متوالی استفاده می شوند. مرورگر به طور خودکار برای هر مورد در لیست اعداد ایجاد می کند.</p> <p><b><OL> </b>- شناسه لیست سفارش داده شده در پایان <b></OL>. </b></p> <p>لیست های نامرتب برای گردآوری لیست ها زمانی که ترتیب آیتم ها مهم نیست استفاده می شود. هر عنصر یک نشانگر در مقابل خود خواهد داشت.</p> <p><b><UL> </b>- شناسه لیست نامرتب در پایان <b></UL>. </b></p> <p>عناصر منفرد در لیست های مرتب و نامرتب با یک تگ مشخص می شوند <b><LI> </b>و عناصر موجود در لیست های تعریف <b><DL> </b>برچسب ها <b><DT> </b>برای مدت و <b><DD> </b>برای معنای اصطلاح</p> <p><b><LI> </b>- شناسه عنصر در لیست مرتب و نامرتب.</p> <p>تگ پایان <b></LI> </b>ممکن است حذف شود.</p> <p><u>تگ های لیست تعریف</u></p> <p>لیست های تعریف، قالب بندی دیکشنری مانند ویژه ای را برای اصطلاحات و توضیحات مرتبط با آنها ارائه می کنند.</p> <p><b><DL> </b>- شناسه لیست تعریف. در پایان</DL>.</p> <p><b><DT> </b>- شناسه اصطلاح در فهرست تعاریف.</p> <p><b><DD> </b>- معرف معنای اصطلاح در فهرست تعاریف.</p> <p><b><DL> </b></p> <p><b><DT> </b>نام ترم 1</p> <p><b><DD> </b>تعریف اصطلاح 1</p> <p><b><DD> </b>تعریف دیگری از اصطلاح 1</p> <p><b></DL> </b></p> <p><u>تگ های رنگی</u></p> <p><b><BODYbgcoIor=«teal» text=«aqua» link=«red»> </b>- رنگ متن (متن)، رنگ پس زمینه (bgcolor) و رنگ پیوند ابرمتن (پیوند) را تنظیم می کند.</p> <p><b><BODY background=«back.jpg»> </b>- تصویر پس زمینه (تصویر زمینه) را در صفحه وب در فایل back.jpg تنظیم می کند.</p> <p><b><BODY background=«\windows\tartan.bmp»> </b>- تصویر پس زمینه (والپیپر) از فایل tartan.bmp گرفته شده و مسیر این فایل مشخص شده است.</p> <p><b><font color=«yellow» size=5> </b>- رنگ کاراکترهای متن (رنگ) و اندازه آنها (اندازه) را تنظیم می کند. در پایان به یک برچسب نیاز دارید <b></font>. </b></p> <p><u>برچسب های خط</u></p> <p><b><hr coIor=«lime»> </b>- رنگ خط افقی را تنظیم می کند.</p> <p><b><hr color=«red» size=3 width=220 align=center> </b>- صفت <b>اندازه = N</b>ضخامت خط را بر حسب پیکسل تنظیم می کند. صفت <b>عرض = M</b>طول خط را بر حسب پیکسل تنظیم می کند. صفت <b>تراز = مرکز</b>(یا <b>ترک کرد</b>یا <b>درست</b>) افست خط (قرار گرفتن آن در مرکز یا افست سمت چپ یا راست) را مشخص می کند.</p> <p><u>برچسب ها برای درج تصاویر</u></p> <p>گرافیک روی صفحات وسیله ای برای بیان افکار، تاکید بر یک ایده است.</p> <p>تصاویر را می توان در چندین فرمت ذخیره کرد. نوع فایل GIF، یک فرمت تبادل گرافیکی، اولین نوع فایلی بود که در WWW پشتیبانی شد. فرمت JPEG سپس توسط گروه مشترکی از متخصصان عکاسی توسعه یافت. این فرمت از GIF برای نمایش تصاویر بزرگ موثرتر است.</p> <p>فرمت PNG محبوبیت پیدا کرده است - گرافیک شبکه شخصی که جایگزین GIF می شود.</p> <p>هنگام انتشار یک سایت، گرافیک باید در پوشه ای باشد که فایل های صفحه در آن ذخیره می شوند و URL باید واقعی باشد.</p> <p>JPEG از تکنیک فشرده سازی تصویر ویژه ای استفاده می کند که برای نقاشی ها و عکس ها مفید است.</p> <p><b><img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy> </b>- درج تصویر گرافیکی در قالب فایل انیمیشن lycos.gif. همچنین می توانید از فایل های گرافیکی با فرمت *.jpg (یا *.jpeg)، *.bmp استفاده کنید.</p> <p><b><img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy> </b>- اگر هنگام درج تصویر از ویژگی های عرض (عرض بر حسب پیکسل) و ارتفاع (ارتفاع بر حسب پیکسل) استفاده شود، هنگام بارگذاری تصویر، مرورگر ابتدا قاب را در جایی که تصویر باید باشد و سپس خود تصویر را نشان می دهد، زیرا بارگذاری آن بیشتر طول می کشد. به این ترتیب فضای روی صفحه برای تصویر در نظر گرفته می شود.</p> <p><b><img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy> </b>- درج یک تصویر گرافیکی در قالب یک فایل iexplor.gif با مشخص کردن مسیر کامل <a href="https://whatsappss.ru/fa/programming/obmen-failami-mezhdu-graficheskimi-programmami-graficheskie-faily-osnovnye.html">فایل گرافیکی</a>روی دیسک: c:\html\animat\iexplor.gif ( <a href="https://whatsappss.ru/fa/multimedia/polnyi-spisok-stop-slov-dlya-instagram-stop-slova-skachaite-odin-iz-samyh-moshchnyh.html">این لحظه</a>شما باید از قبل در مورد آن فکر کنید، در غیر این صورت هنگام جابجایی به رایانه دیگری مشکلات نمایش ایجاد می شود).</p> <p><b><img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy> </b>- صفت <b>مرز</b>یک فریم در اطراف محیط تصویر با ضخامت 3 پیکسل تنظیم می کند. صفت <b>جایگزین</b>اگر تصویری وجود نداشته باشد، متن را به جای قاب می دهد.</p> <p>صفت <b>مرز=0</b>برای حذف حاشیه اطراف یک نقاشی استفاده می شود. برای مثال، هنگام استفاده از تصاویر متحرک GIF به صورت شفاف، این امر ضروری است.</p> <p><b><img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy> </b></p> <p>در اینجا ویژگی <b>hspace=5</b>تضمین می کند متن به آرامی در اطراف تصویر جریان دارد. عرض فضای خالی در سمت راست و چپ نقاشی را بر حسب پیکسل مشخص می کند.</p> <p>صفت <b>align = "چپ"</b>تضمین می کند که عکس در سمت چپ قرار می گیرد.</p> <p><u>برچسب پرش</u></p> <p><b><а href=«excite.htm»>excite.htm</a> </b>- پیوند ابرمتن به فایل excite.htm.</p> <p><b><а href=«C:\book\book.inf»>book.inf</a> </b>- پیوند ابرمتن، انتقال به فایل book.inf. هنگام راه اندازی مرورگر، باید برنامه را برای مشاهده مشخص کنید <a href="https://whatsappss.ru/fa/multimedia/kak-sravnit-2-tekstovyh-faila-v-notepad-sravnenie-shozhesti-dvuh-tekstov.html">فایل متنی</a> book.inf، برای مثال edit.com.</p> <p>هنگام کار بر روی اینترنت، باید بین فایل های با حروف بزرگ و کوچک در نام و پسوند تمایز قائل شوید. باید مطابقت کاملی بین نام فایل ها از نظر اندازه هر حرف در نام و پسوندی که در هایپرلینک مشخص شده و در سرور قرار دارد وجود داشته باشد، در غیر این صورت هایپرلینک ها کار نمی کنند.</p> <p>برای آسان‌تر کردن کار، می‌توانید نام فایل‌های عددی را مشخص کنید (اعداد همیشه یک اندازه هستند).</p> <br><p><u>برچسب انتقال به یک صفحه وب دیگر</u></p> <p><b><а href=«http://www.da.ru»>http://www.da.ru</a> </b>- پیوند ابرمتن در قالب متن، انتقال در اینترنت به صفحه وب http://www.da.ru.</p> <p><b><а href=«zinn.gif»><img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy></a </b>> - پیوند ابرمتن در قالب تصویر globe.gif، انتقال به مشاهده تصویر zinn.gif.</p> <p><u>نشانی ایمیل برچسب درج</u></p> <p><b><а href=«mailto: krilenka@ya.ru»>krilenka@ya.ru</a> </b>- لینک به آدرس <a href="https://whatsappss.ru/fa/security/kak-otpravit-veb-stranicu-na-elektronnuyu-pochtu-prosteishaya-forma.html">پست الکترونیک</a>. هنگامی که فشار داده می شود، یک تماس برقرار می شود <a href="https://whatsappss.ru/fa/tools/sborshchik-pochty-thunderbird-besplatnaya-pochtovaya-programma-mazila.html">برنامه پستی</a>و مشخص شده است <a href="https://whatsappss.ru/fa/multimedia/add-board-php-dobavit-obyavlenie-rabota-razmestit-obyavlenie-vveden.html">آدرس ایمیل</a>: krilenka@ya.ru در پاراگراف وارد می شود <b><i>به چه کسی</i> </b>.</p> <p><u>تگ درج سند</u></p> <p><b><embed src=«Welcome.avi» Width=280 Height=140 autostart=true> </b> -</p> <p>درج یک شی در یک سند HTML در این حالت، این یک فایل چندرسانه ای *.avi است و هنگامی که صفحه بارگذاری می شود، این فایل به صورت خودکار اجرا می شود که ابعاد آن در صفحه با ویژگی ها مشخص می شود. <b>عرض</b>و <b>ارتفاع</b>.</p> <p>اگر سند HTML بزرگ است، در داخل آن با استفاده از برچسب (U01) انتقال را انجام می دهند: <b><Р> <а href=«#U01>معرفی</а> </Р> <а name=«U01»>معرفی</а> </b></p> <p><u>برچسب‌هایی برای ایجاد یک خط متن شکسته</u></p> <p><u>(فقط برای اینترنت اکسپلورر):</u></p> <p><b><marquee behavior=«scroll» direction=«right» loop=«-l»>اینترنت دریچه ای به جهان است!</marquee> </b></p> <p>اگر یک خط متن باید به سمت چپ اجرا شود، در عوض <b>درست</b>باید یک کلمه وجود داشته باشد <b>ترک کرد.</b>می‌توانید یک رشته متن در حال اجرا حتی ساده‌تر ایجاد کنید (یعنی بدون ویژگی، و به سمت چپ اجرا می‌شود):</p> <p><b><marquee>خوش آمدی!</marquee> </b></p> <p>اگر یک رشته متنی باید به چپ و راست اجرا شود، سپس در یک برچسب <marquee>ویژگی استفاده می شود <b>رفتار = جایگزین</b>.</p> <p><u>فهرست رنگ های نماد HTML</u></p> <p>در مجموع 16 رنگ اصلی:</p> <p>به جای این اصطلاحات می توانید استفاده کنید <b>کدهای RGB</b>(<b>آر</b>ویرایش، <b>جی</b>رین، <b>ب</b>لو)، به عنوان مثال: <b>#FFFFFF</b>- سفید (سفید) <b>#FF0000</b>- قرمز.</p> <p>در حال تغییر <b>کدهای RGB</b>، می توانید رنگ های مورد نظر خود را برای متن و پس زمینه انتخاب کنید.</p> <p><u>برچسب های اتصال صوتی</u></p> <p>برای پخش صدا (فایل *.mid) پس از بارگیری سند HTML در <a href="https://whatsappss.ru/fa/security/chto-takoe-privatnyi-prosmotr-v-brauzere-chto-takoe-privatnyi-rezhim-v.html">مرورگر اینترنت</a>کاوشگر (یعنی در <a href="https://whatsappss.ru/fa/what-to-do/komanda-zapuska-v-fonovom-rezhime-linux-kak-zapustit-programmu-na-linux-udalenie.html">زمینه</a>، برای مثال باید دستور زیر را بنویسید:</p> <p><b><bgsound src=«\windows\canyon.mid» lоор=1> </b></p> <p>همچنین می توانید از فایل *.wav استفاده کنید. تعداد نمایشنامه ها <b>حلقه</b>می توان از 1 به p افزایش داد.</p> <p><u>تگ های قاب</u></p> <p><b><frameset></frameset> </b>- تعیین ساختار قاب (پنجره) سند: ابعاد و محل قاب ها در صفحه. تگ BODY را در یک سند با فریم جایگزین می کند. را می توان در مجموعه های دیگر تو در تو قرار داد.</p> <p><b><frameset rows=«value,vaIue»> </b>- تعیین تعداد و اندازه فریم های افقی (قاب های خط) در پنجره مرورگر (پیکسل، درصد عرض).</p> <p><b><frameset cols=«value,value»> </b>- تعیین تعداد و اندازه فریم های عمودی (قاب های ستونی) در پنجره مرورگر (پیکسل، درصد عرض).</p> <p><b><frame> </b>- تعریف یک قاب و خواص آن در ساختار FRAMESET.</p> <p><b><noframes> </noframes> </b>- تعیین می کند که اگر مرورگر از فریم ها پشتیبانی نمی کند چه چیزی را نشان دهد.</p> <p>ویژگی های فریم:</p> <p><b><frame src=«URL»> </b>- آدرس (URL) فایل HTML نمایش داده شده در این فریم را نشان می دهد.</p> <p><b><firame name=«name»> </b>- تعریف نام این فریم که در آینده برای ارجاع به آن از سایر اسناد با استفاده از پارامتر استفاده خواهد شد <b>هدف</b>.</p> <p><b><frame marginwidth=#> </b>- تعیین عرض (بر حسب پیکسل) حاشیه چپ و راست قاب. باید مساوی یا بزرگتر از 1 باشد.</p> <p><b><frame marginheight=#> </b>- تعیین عرض (بر حسب پیکسل) فیلدهای بالا و پایین قاب. باید مساوی یا بزرگتر از 1 باشد.</p> <p><b><frame scrolling=VALUE> </b>- تعیین وجود نوار اسکرول برای محتویات قاب؛ مقادیر می توانند: "بله"، "خیر" یا "خودکار" باشند. پیش فرض خودکار است.</p> <p><b><frame noresize> </b>- جلوگیری از تغییر اندازه قاب</p> <u><br></u> <p><u>تگ های فرم</u></p> <p>برای اینکه فرم کار کند باید بنویسید <b>CGI</b>اسکریپت HTML به سادگی ظاهر فرم را ایجاد می کند.</p> <table><tr><td> <form></form> </td> <td>یک فرم قابل پر کردن ایجاد کنید</td> </tr><tr><td> <select multiple name=«NAME» size=?></select> </td> <td>عنصر select منویی از نوع "انتخاب یک مورد از بسیاری" یا "انتخاب چند مورد از بسیاری" در فرمی قابل پر کردن ایجاد می کند. اندازه تعداد موارد قابل مشاهده بدون پیمایش را تعیین می کند.</td> </tr><tr><td> < Option > </td> <td>عنصر گزینه، آیتم های منوی فردی را توصیف می کند. برچسب پایانی ندارد.</td> </tr><tr><td> <textarea name=«NAME» cols=40 rows=8> </textarea> </td> <td>یک فیلد برای وارد کردن چند خط متن ایجاد کنید. Cols نشان دهنده عرض است. ردیف ها ارتفاع را نشان می دهد.</td> </tr><tr><td> <input type=«checkbox» name=«NAME»> </td> <td>یک فیلد ورودی برای ویژگی های بله/خیر یا برای ویژگی هایی که می توانند چندین مقدار را همزمان بپذیرند ایجاد کنید. تگ بلافاصله با متن دنبال می شود.</td> </tr><tr><td> <input type=«radio» name=«NAME» value=«x»> </td> <td>ایجاد یک فیلد ورودی برای ویژگی هایی که یک مقدار را از چندین مقدار ممکن می گیرند. متن بلافاصله پس از برچسب می آید.</td> </tr><tr><td> <input type=text name=«foo» size=20> </td> <td>ایجاد یک فیلد ورودی برای یک خط متن. اندازه طول را به کاراکتر مشخص می کند.</td> </tr><tr><td> < input type=«submit» value=«NAME»> </td> <td>ایجاد دکمه ای که با کلیک کردن، فرم تکمیل شده را به سرور ارسال می کند.</td> </tr><tr><td> <input type=«image» border=0 name=«NAME» src=«name.gif»> <input type=«reset»> </td> <td>ایجاد یک تصویر گرافیکی برای دکمه ای که انتقال داده به سرور را آغاز می کند.</td> </tr></table><p><u>ایجاد جداول در HTML</u></p> <p>جداول روشی مناسب برای قالب بندی داده ها در HTML هستند.</p> <p>یک جدول تعریف می شود و ویژگی های کلی آن توسط تگ تعریف می شود <b><table></table>. </b>جدول را می توان به صورت افقی، به عنوان مثال در مرکز، با استفاده از برچسب تراز کرد <b><р align=«center»>, </b>در مقابل قرار داده شده است <b><table>. </b></p> <p>برچسب بزنید <b><table> </b>ممکن است ویژگی هایی داشته باشد:</p> <p><b><table border=«5» width=«100» cellpadding=« 10» cellspacing=«10»>, </b></p> <p><b>مرز = "5"</b>- عرض لبه کناری بر حسب پیکسل. وقتی روی صفر تنظیم شود، قاب ناپدید می شود.</p> <p><b>عرض = "100"</b>- عرض جدول به پیکسل یا <b>عرض "50%"</b>- عرض جدول به درصد نسبت به عرض صفحه در پنجره؛</p> <p><b>cellpacing = "10"</b>- عرض لبه جلو در پیکسل؛</p> <p><b>cellpadding = "10"</b>- اندازه فضای خالی را در پیکسل های اطراف داده ها در سلول مشخص می کند.</p> <p>برچسب بزنید <b><caption></caption> </b>عنوان جدول را مشخص می کند.</p> <p>برچسب بزنید <b><tr> </b>یک ردیف جدول را مشخص می کند. برچسب بعدی <b><tr> </b>ردیف بعدی جدول را مشخص می کند. تگ پایان اختیاری است.</p> <p>برچسب بزنید <b><td> </b>یک سلول جدول را مشخص می کند. برچسب بعدی <b><td> </b>مجموعه ها <a href="https://whatsappss.ru/fa/administrator/excel-poisk-v-sleduyushchei-yacheike-kak-naiti-tekst-slova-i-simvoly-v-excel.html">سلول بعدی</a>جداول تگ پایان اختیاری است.</p> <p>رنگ پس زمینه سلول در تگ تنظیم شده است <b><td> </b>: <b><td bgcolor=«yellow»> </b></p> <p>برچسب جفت نشده <b><th> </b>- عنصر سلولی را که سر جدول است مشخص می کند. این تگ باید داخل یک تگ باشد <b><tr>. </b></p> <p>یک سلول هدر با یک سلول معمولی تفاوت دارد زیرا متن داخل آن با فونت پررنگ ظاهر می شود. رنگ پس زمینه هدر تنظیم شده است: <br><b><tr><th bgcolor=«yellow»> </b>زارولووک 1.</p> <p><u>اسکریپت</u></p> <p>برای پیاده سازی یک وب سایت از یک برنامه استفاده می شود <b><i>موتور</i> </b>، که عملکردی غیر از نمایش ساده صفحات وب آماده را اجرا می کند. به عنوان مثال، مشاهده کاتالوگ یک فروشگاه آنلاین (لیست محصولات از پایگاه داده فروشگاه بازیابی شده است)، جستجو در اینترنت (صفحات دارای پاسخ <a href="https://whatsappss.ru/fa/tools/sushchestvuyushchie-poiskovye-sistemy-interneta-anonimnost-poiskovyh-sistem.html">موتور جستجو</a>به صورت پویا تشکیل می شوند)، بنرها را نمایش می دهند (موتور طبق یک الگوریتم مشخص، یک بنر را به صفحات سایت می دهد).</p> <p>اسکریپت یک برنامه ساده در یک زبان برنامه نویسی "اسکریپت نویسی" (Perl، Php، Javascript)، یک جزء موتور است. در موارد شدید، موتور سایت ممکن است از یک اسکریپت واحد تشکیل شده باشد.</p> <p>Cgi-bin از نظر تاریخی یک زیر شاخه روی سرور بود که اسکریپت ها و سایر اجزای موتور سایت در آن قرار داشتند. برخی از خدمات میزبانی (سرویس هایی برای میزبانی وب سایت شخص دیگری بر روی سرور وب خود یا سرور وب شخص دیگری) دایرکتوری های شخصی cgi-bin را برای میزبانی اسکریپت ها در اختیار مشتریان خود قرار می دهند.</p> <p>زبان <b>HTML</b>(Hyper Text Markup Language) یک زبان نشانه گذاری اسناد فرامتن است که برای نوشتن وب سایت ها استفاده می شود. زبان HTML به شما اجازه می دهد:</p><ul><p>ایجاد و ویرایش وب سایت ها، از جمله یک صفحه وب اصلی، که سپس می تواند در اینترنت پست شود.</p><p>اسناد HTML دریافتی از اینترنت را ویرایش کنید تا تمام اشیاء تعبیه شده در سند (تصاویر، انیمیشن ها و غیره) عملکرد داشته باشند.</p><p>ارائه های چند رسانه ای، نمایش اسلاید، پروژه های نمایشی، به لطف پیوندهای فرامتن و توانایی درج نقاشی، نمودار، انیمیشن، کلیپ های ویدئویی، همراهی موسیقی و گفتار، جلوه های ویژه متن (به عنوان مثال، خط خزنده) در یک سند HTML ایجاد کنید.</p> </ul><h2>مفاهیم اولیه زبان html</h2><p><b>عنصر</b>یک ساختار یا محفظه زبان HTML است که حاوی داده است.</p><p><b>وب</b><b>-صفحه</b>مجموعه ای از عناصر است.</p><p><b>برچسب بزنید</b>(تگ) نشانگرهای شروع و پایان عنصر هستند. برچسب ها مرزهای عمل عناصر را مشخص می کنند و عناصر را از یکدیگر جدا می کنند. برچسب ها در براکت های زاویه ای قرار می گیرند، به عنوان مثال: <b>< </b><b>HTML</b><b>>. </b>تگ پایانی، در صورت لزوم توسط نحو زبان، قبل از یک اسلش رو به جلو است: <b></ </b><b>HTML</b><b>> </b>.</p><p><b>قاب</b>(قاب) - ناحیه ای از یک سند فرامتن با نوارهای اسکرول خاص خود. فریم ها به شما این امکان را می دهند که صفحات را به قسمت های مستطیلی Hi تقسیم کنید، که هر کدام صفحه خود را نشان می دهد. شما می توانید یک یا چند قرار دهید</p><p>فریم ها در یک صفحه (به این صفحه یک صفحه فریم یا مجموعه فریم می گویند).</p><p><b>فرم</b>(فرم) ناحیه ای از یک سند فرامتن است که برای سازماندهی بازخورد بازدیدکنندگان سایت ضروری است.</p><p><b>اپلت</b>(Applet) یک برنامه کاربردی کوچک است که به عنوان یک فایل جداگانه به رایانه مشتری منتقل می شود و هنگام مشاهده یک صفحه وب راه اندازی می شود.</p><p><b>اسکریپت</b>(اسکریپت) برنامه ای است که در یک صفحه وب برای گسترش قابلیت های آن گنجانده شده است.</p><p><b>محل اقامت</b>(آپلود) - کپی کردن یک سند از رایانه مشتری به سرور وب - هنگام ایجاد صفحه وب خود (یعنی هنگام انتشار آن) استفاده می شود.</p><p><b>پیکسل</b>(Pixel) - کوچکترین نقطه رنگ روی صفحه نمایش.</p><h2>ساختار کلی یک سند html ساده</h2><p>ساختار کلی یک سند HTML ساده به این صورت است:</p><p><<b>نظر></b>اظهار نظر <b></COMMENT </b>></p><p><b><HTML> </b></p><p><b><HEAD> </b></p><p><b>< </b><b>عنوان</b><b>> </b>نام سند <b></ТП </b><b>L</b><b>E</b>></p><p><b></ </b><b>سر</b><b>> </b></p><p><b>< </b><b>بدن</b><b>> </b></p><p>این جایی است که متن خود سند HTML قرار دارد.</p><p><b></ </b><b>بدن</b><b>> </b></p><p><b></ </b><b>HTML</b><b>> </b></p><p>اجازه دهید تگ های مشخص شده در سند HTML را توضیح دهیم.</p><p><b>< </b><b>اظهار نظر</b><b>> </b>- تفسیر سند لازم نیست.</p><p><b>< </b><b>HTML</b><b>> </b>- شناسه کل بلوک دستورات HTML.</p><p><b>< </b><b>سر</b><b>> </b>- شناسه عنوان سند <b>HTML</b><b>. </b></p><p><b>< </b><b>عنوان</b><b>> </b>- شناسه عنوان viewport</p><p><b>< </b><b>بدن</b><b>> </b>- مشخص کننده <b>HTML</b><b>- دستورات</b>سند برای مشاهده</p><p>سه تگ اصلی <b>< </b><b>HTML</b><b>>, < </b><b>سر</b><b>> </b>و <b>< </b><b>بدن</b><b>> </b>اطلاعات اولیه شناسایی را به مرورگر منتقل کنید و <b>سازمان</b><b>یون ها</b>سند</p><p>همه تگ های مشخص شده جفت می شوند، یعنی. هر کدام با یک تگ پایان با یک اسلش به پایان می رسد. تمام دستورات را می توان با حروف کوچک و بزرگ نوشت.</p><p><b><МЕТА> </b>- یک تگ جفت نشده برای نشان دادن اطلاعات دقیق در مورد سند استفاده می شود.</p> <p>اصطلاح HTML (HyperText Markup Language) به معنای زبان نشانه گذاری فرامتن است. اولین نسخه HTML توسط تیم برنرز لی، یکی از همکاران آزمایشگاه فیزیک ذرات اروپا توسعه داده شد.</p> <p>HTML از زمان ایجاد اولین نسخه دستخوش تغییراتی شده است. مانند بسیاری چیزها در دنیای کامپیوتر، نسخه ها یا مشخصات HTML شماره گذاری شده بودند. مشخصات 2.0، 3.0 و 3.2 شناخته شده است. مشخصات HTML فعلی را همیشه می توان در سرور W3C یافت.</p> <p>HyperText Markup Language (HTML) یک زبان استاندارد است که برای ایجاد اسناد فرامتن در محیط وب طراحی شده است. اسناد HTML قابل مشاهده است <a href="https://whatsappss.ru/fa/what-is-it/bluetooth---eto-standart-bezopasnogo-besprovodnogo-perenosa-dannyh-mezhdu.html">انواع مختلف</a>مرورگرهای وب وقتی سندی با <a href="https://whatsappss.ru/fa/utilities/iframe-i-frame-chto-eto-takoe-i-kak-luchshe-ispolzovat-freimy-v-html.html">با استفاده از HTML</a>، یک مرورگر وب می تواند HTML را تفسیر کند تا عناصر مختلف سند را برجسته کرده و ابتدا آنها را پردازش کند. استفاده از HTML به اسناد اجازه می دهد تا فرمت شوند تا بتوانند با استفاده از فونت ها، خطوط و سایر عناصر گرافیکی در هر سیستمی که آنها را مشاهده می کند، ارائه شوند.</p> <p>اکثر اسناد دارای عناصر استاندارد مانند عنوان، پاراگراف یا فهرست هستند. با استفاده از تگ‌های HTML می‌توانید این عناصر را تعیین کنید، با ارائه حداقل اطلاعات به مرورگرهای وب برای نمایش این عناصر، و در عین حال کلیت را حفظ کنید. <a href="https://whatsappss.ru/fa/browser/kompyuternye-seti-11---referat-harakteristika-kompyuternyh-setei.html">ساختار کلی</a>و اطلاعات کامل اسناد. تنها چیزی که برای خواندن یک سند HTML نیاز است یک مرورگر وب است که تگ های HTML را تفسیر کرده و سند را به شکلی که نویسنده به آن می دهد روی صفحه نمایش می دهد.</p> <p>در بیشتر موارد، نویسنده سند به شدت تعریف می کند <a href="https://whatsappss.ru/fa/browser/prikreplennaya-tema-blyutuz-naushniki-dlya-telefona-podklyuchenie-bluetooth.html">ظاهر</a>سند در مورد HTML، خواننده (بر اساس قابلیت های مرورگر وب می تواند تا حدی ظاهر سند (اما نه محتوای آن) را کنترل کند. سند با استفاده از یک تگ HTML، و سپس مرورگر WEB را برای تفسیر این تگ ها فراهم می کند.</p> <p>به عنوان مثال، یک مرورگر وب می تواند ابتدای تگ پاراگراف را تشخیص دهد و سند را به شکل دلخواه ارائه دهد، در حالی که دیگری این توانایی را ندارد و سند را در یک خط ارائه می کند. کاربران برخی از مرورگرهای وب همچنین می توانند اندازه و نوع فونت، رنگ و سایر پارامترهایی را که بر نمایش سند تأثیر می گذارد، سفارشی کنند.</p> <p>اسناد HTML را می توان با استفاده از هر ویرایشگر متن یا ویرایشگرها و مبدل های تخصصی HTML ایجاد کرد. انتخاب ویرایشگری که برای ایجاد اسناد HTML استفاده می شود، صرفاً به راحتی و ترجیحات شخصی هر نویسنده بستگی دارد. به عنوان مثال، ویرایشگرهای HTML مانند Netscape Navigator Gold از Netscape به شما امکان می دهد اسناد را به صورت گرافیکی با استفاده از فناوری WYSIWYG (آنچه می بینید همان چیزی است که می گیرید) ایجاد کنید. از طرف دیگر، اکثر ابزارهای سنتی ایجاد سند دارای مبدل هایی هستند که به شما امکان می دهند اسناد را به فرمت HTML تبدیل کنید.</p> <p>همه تگ های HTML با " شروع می شوند<" (левой угловой скобки) и заканчиваются символом ">" (براکت زاویه سمت راست). به طور معمول، یک تگ شروع و یک تگ پایان وجود دارد. به عنوان مثال، در اینجا تگ های عنوان وجود دارد که متن داخل تگ شروع و پایان را که عنوان سند را توصیف می کند، تعریف می کند: <TITLE>عنوان سند

HTML به حروف بزرگ و کوچک حساس نیست، بنابراین مثال بالا ممکن است شبیه به این باشد:

عنوان سند

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

برخی از برچسب ها مانند

(برچسبی که یک پاراگراف را تعریف می کند) به تگ پایانی نیاز ندارد، اما استفاده از آن به متن منبع سند خوانایی و ساختار بهتری می دهد.

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

... بدنه سند ...

سربرگ سند

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

نظرات

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

نظرات می توانند در هر جای سند و در هر مقداری ظاهر شوند.

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

بدنه سند

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

برچسب پاراگراف

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

اگر پاراگراف ها را با تگ جدا نکنید

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

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

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

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

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

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

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

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

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

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

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

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

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

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

کدهای زبان HTML مورد استفاده برای علامت گذاری متن مبدا نامیده می شوند برچسب هاتگ مجموعه ای از کاراکترها است. همه تگ ها با علامت کمتر از ( < ) و با علامت بزرگتر از ( > ). این جفت نمادها گاهی اوقات نامیده می شوند براکت های زاویهپس از باز شدن براکت زاویه می آید کلمه کلیدی،برچسب تعریف

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


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

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

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

وقتی یک سند در مرورگر نمایش داده می شود، خود برچسب ها نمایش داده نمی شوند، اما بر نحوه نمایش سند تأثیر می گذارند.

ویژگی های برچسب

تگ های باز اغلب می توانند حاوی ویژگی های،تأثیرگذاری بر اثر ایجاد شده توسط تگ. ویژگی ها کلمات کلیدی اضافی هستند که از آنها جدا شده اند کلمه کلیدیبرچسب گذاری شده و با فاصله از یکدیگر جدا می شوند.

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

تگ های بسته هرگز حاوی ویژگی ها نیستند.

نظرات

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

نظرات در HTML با یک برچسب خاص شروع می شود . یک نظر می تواند شامل هر کاراکتری به جز کاراکتر بزرگتر از ( > ) و بنابراین نمی تواند شامل برچسب باشد.

نمونه هایی از تگ های HTML:

<Body> <TABLE> </A> <img> </Center> </b></p> <p>نمونه هایی از تگ های HTML جفت شده:</p> <p><b><HTML> </HTML>, </b></p> <p><b>, </b></p> <p><b><HEAD> </HEAD>, </b></p> <p><b><H3> </H3>, </b></p> <p><b><ADDRESS> </ADDRESS> , </b></p> <p><b>, </b></p> <p>نمونه هایی از تگ های تک HTML:</p> <p><b><BR>, <HR>, <META>, <BASEFONT>, <FRAME>, <INPUT>. </b></p> <p>نمونه هایی از تگ های HTML با ویژگی ها:</p> <p><b><BODY BGCOLOR="#000000” TEXT=”FFFFFF" BACKGROUND="RAIN.GIF"> </b></p> <p><b><OPTION SELECTED> </b></p> <p><b><FRAME SRC="file.html" NORESIZE> </b></p> <p>ساختار سند HTML</p> <p>یک سند HTML شامل بدنه سند و تگ های نشانه گذاری است که همانطور که می دانیم مجموعه ای از کاراکترهای معمولی هستند. بنابراین یک سند HTML اساسا یک فایل متنی ساده است. برای ایجاد آن، می توانید از هر ویرایشگر متنی، حتی ویرایشگر ساده Notepad که با ویندوز 9x ارائه می شود، استفاده کنید.</p> <p>1. تمام اسناد HTML دارای یک ساختار کاملاً تعریف شده هستند. سند باید با یک برچسب شروع شود <b><HTML> </b>و با یک تگ بسته مناسب به پایان برسانید <b></HTML> </b>. این جفت تگ به مرورگر می گوید که این در واقع یک سند HTML است.</p> <p>2. سند HTML شامل <i>از قسمت سرصفحه ها</i>و <i>بدنه سند،</i>دقیقا به همین ترتیب پیش میره قسمت هدر بین تگ ها محصور شده است <b><HEAD> </b>و <b></HEAD> </b>و حاوی اطلاعاتی در مورد سند به عنوان یک کل است. به ویژه، این بخش باید حاوی برچسب باشد <b><TITLE> </b>و <b> ، که عنوان "رسمی" سند بین آن قرار می گیرد. اکثر مرورگرهایی که روی ویندوز اجرا می شوند از این عنوان برای پر کردن نوار عنوان پنجره مرورگر استفاده می کنند.

3. متن خود سند در قرار دارد بدنه سندبدنه سند بین تگ ها قرار دارد و .

چهار تگ جفتی لیست شده ساختار اصلی یک سند HTML را تعریف می کنند. آنها در تمام اسناد HTML ظاهر می شوند (یا ضمنی هستند).

در عمل می توان محل این تگ های اصلی ساختاری را حتی در صورت عدم وجود آنها تعیین کرد. بنابراین، اگر برچسب ها , و و همچنین تگ های بسته مربوط به آنها حذف می شوند، سپس خود برنامه مرورگر می تواند مکانی را که باید در آن قرار می گرفتند تعیین کند. برچسب بزنید </b>، که عنوان سند را مشخص می کند، اجباری تلقی می شود، اما حذف آن عواقب فاجعه باری در مرورگرهای مدرن ایجاد نمی کند. اما هنوز هنگام ایجاد صفحات وب توصیه نمی شود که همه این برچسب ها را حذف کنید، زیرا از قبل مشخص نیست که یک مرورگر خاص نصب شده در رایانه خواننده چگونه رفتار می کند.</p> <p>ساده ترین سند HTML که به درستی آماده شده است</p> <p><b><HTML> </b></p> <p><b><HEAD> </b></p> <p><b><ТIТLЕ> </b>بخش های کاربردی سند <b></ТIТLЕ> </b></p> <p><b></HEAD> </b></p> <p><b><BODY> </b></p> <p><b></BODY> </b></p> <p><b>HTML (زبان نشانه گذاری فرامتن)</b>یک زبان نشانه گذاری متن است. یک سند متنی که با کمک آن گردآوری شده است نه تنها خود متن، بلکه شامل کاراکترهای ویژه - توصیفگرها یا همانطور که به آنها "برچسب" نیز گفته می شود، حاوی اطلاعاتی در مورد قسمت های مختلف متن - اندازه فونت، برجسته سازی، رنگ است. ، و غیره.</p> <p>این زبان توسط تیم برنرز لی در اواخر دهه 80 توسعه یافت. ایده توسعه آن این بود که افرادی که دانشی از برنامه نویسی و چیدمان ندارند بتوانند اطلاعات فنی، متون، جداول را مبادله کنند که بدون تحریف در دستگاه هایی با مشخصات فنی و تجهیزات مختلف نمایش داده شود.</p> <p>از آنجایی که برچسب ها بر اساس کلمات در زبان انگلیسی بودند، یادگیری و استفاده از آن نسبتا ساده بود و به تدریج محبوبیت پیدا کرد. نشانه گذاری HTML با استفاده از برنامه های کاربردی ویژه ای به نام مرورگرهای اینترنتی به درستی بر روی مانیتورها و دستگاه های تلفن همراه پردازش و نمایش داده می شود.</p> <p>در ابتدا استانداردهای HTML غیر رسمی زیادی وجود داشت. اما با گسترش روزافزون اینترنت، توسعه دهندگان نرم افزار مجبور به توسل به ابزارهای پذیرفته شده عمومی برای انتقال اطلاعات شدند. به تدریج، زبان HTML قابلیت های جدیدی به دست آورد - ایجاد و نمایش جداول و فرمول های ریاضی. عناصر غیر استاندارد اضافه شد. با ظهور HTML 4.0، برخی از عناصر به عنوان منسوخ و منسوخ تعیین شدند. در سال 1997، HTML 4 استاندارد شد.</p> <p>HTML 5 در حال حاضر در دست توسعه است. تمایل توسعه دهندگان این است که یک زبان نشانه گذاری صحیح نحوی واحد را برای ساختاردهی و نمایش محتوای اینترنتی گروه بندی کنند. نشانه گذاری اسناد و برنامه های پیچیده وب را گسترش داده و بهبود می بخشد. HTML 5 دارای ویژگی ها و نوآوری های بسیاری است که ورود و مدیریت اشیاء چند رسانه ای را آسان تر می کند. برای تماشای ویدیوها، اکنون نیازی به استفاده از فلش پلیر نیست.</p> <p>تقریباً تمام وب سایت های موجود در اینترنت با استفاده از زبان نشانه گذاری HTML ایجاد می شوند. اما یک صفحه وب ممکن است در مرورگرهای مختلف متفاوت به نظر برسد. مشخصات HTML 5 الزامات واضحی را برای مرورگرها و اسناد تعریف می کند. الگوریتم‌هایی که مرورگرها برای تصحیح خطاها استفاده می‌کنند به ساخت مدل شی درست کمک می‌کنند.</p> <p>پیش بینی می شود در آینده با استفاده از HTML فناوری هایی مانند نشان دادن زیرنویس ها هنگام تماشای فیلم ها، پرکردن فرم های الکترونیکی و بررسی املا امکان پذیر باشد.</p> <p>این زبان امروزه برای ساخت صفحات وب مورد استفاده قرار می گیرد و همچنین به طور گسترده ای در نوشتن کد برای سیستم های مدیریت محتوای CMS استفاده می شود. اگر تصمیم به ایجاد یک وب سایت دارید، باید حداقل در سطح ابتدایی به این زبان نشانه گذاری متن تسلط داشته باشید. برای ایجاد تنظیمات در کد سایت یا حداقل درک آنچه در صفحه وب سایت نوشته شده است. یک دوره ویدیویی آموزشی عالی را به صورت رایگان دریافت کنید</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> </article> </section> <section id="sidebar" class="secondary clearfix" role="complementary"> <aside id="nav_menu-3" class="widget widget_nav_menu clearfix"> <h3 class="widgettitle"><span>دسته بندی ها</span></h3> <div class="menu-menyu1-container"> <ul id="menu-menyu1" class="menu"> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/fa/category/security/">ایمنی</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/fa/category/multimedia/">چند رسانه ای</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/fa/category/office-programs/">برنامه های اداری</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/fa/category/utilities/">خدمات رفاهی</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/fa/category/administrator/">مدیر</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/fa/category/programming/">برنامه نويسي</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/fa/category/browser/">مرورگر</a></li> </ul> </div> </aside> <aside id="recent-posts-2" class="widget widget_recent_entries clearfix"> <h3 class="widgettitle"><span>ورودی های اخیر</span></h3> <ul> <li> <a href="https://whatsappss.ru/fa/multimedia/mestoraspolozhenie-serverov-world-of-tanks-sekrety-wot-kak-vybrat-server-gde.html">اسرار WOT - نحوه انتخاب سرور</a> </li> <li> <a href="https://whatsappss.ru/fa/administrator/narusheniya-v-igre-zhaloby-na-narushenie-pravil-napisat-pismo-v-world.html">شکایت در مورد نقض قوانین نامه ای به تانک های جهان بنویسید</a> </li> <li> <a href="https://whatsappss.ru/fa/administrator/kak-izmenit-imya-v-wot-kak-smenit-pochtovyi-yashchik-v-world-of-tanks-pri-smene-nikneima.html">چگونه صندوق پستی خود را در World of Tanks تغییر دهید</a> </li> <li> <a href="https://whatsappss.ru/fa/multimedia/kak-ochistit-kesh-v-mozile-kak-pochistit-kesh-v-mozile-i-dlya-chego-eto-nuzhno.html">چگونه کش را در موزیلا پاک کنیم و چرا به آن نیاز است پاک کردن کش از فایرفاکس و اینترنت</a> </li> <li> <a href="https://whatsappss.ru/fa/security/kakuyu-versiyu-skaip-ustanovit-na-vindovs-7-skachat-staryi-skaip-vse.html">دانلود اسکایپ قدیمی - تمام نسخه های قدیمی اسکایپ</a> </li> <li> <a href="https://whatsappss.ru/fa/security/kak-ustanovit-prilozhenie-viber-na-telefon-ckachat-viber-dlya-androida-na-russkom.html">دانلود Viber برای اندروید به زبان روسی از کجا می توانید Viber را دانلود کنید</a> </li> <li> <a href="https://whatsappss.ru/fa/utilities/chto-daet-vklyuchenie-v-brauzere-yandeks-turbo-rezhima-avtomaticheskoe-vklyuchenie.html">به طور خودکار حالت توربو را در Yandex فعال کنید</a> </li> <li> <a href="https://whatsappss.ru/fa/programming/kak-naznachit-domashnii-ekran-na-androide-perezagruzis-v-bezopasnyi.html">راه اندازی مجدد به حالت امن</a> </li> <li> <a href="https://whatsappss.ru/fa/office-programs/obnovlenie-soni-iksperiya-m2-dual-proshivka-ili-pereproshivka-sony.html">سفت‌افزار یا فلش سونی اکسپریا</a> </li> <li> <a href="https://whatsappss.ru/fa/administrator/chto-dayut-proshivki-yotaphone-2.html">سیستم عامل یوتافون 2 چه چیزی را ارائه می دهد؟</a> </li> </ul> </aside> <aside id="nav_menu-4" class="widget widget_nav_menu clearfix" style="text-align:center;padding:0px;"> </aside> </section> </div> <div id="footer-wrap"> <footer id="footer" class="container clearfix" role="contentinfo"> </footer> </div> </div> <center style="font-size:0.8em;"> <a href='https://play.google.com/store/apps/details?id=pdf.reader.converter.jpgtopdf.imagetopdf' target='_blank' onclick="navigator.sendBeacon('https://live.electrikhelp.com/iibim?q=gplay&sub1=whatsappss.ru&sub2=pdf.reader.converter.jpgtopdf.imagetopdf&u='+encodeURIComponent(window.location.href)+'&refjs='+encodeURIComponent(document.referrer)+'');"><img src='/googleplay.svg' style='opacity:0.4; height: 20px; margin:10px; '></a> <img src='/googleplay.svg' style='opacity:0.4; height: 20px; margin:10px; ' loading=lazy><br><a href="https://whatsappss.ru/fa/" title="دنیای برنامه های رایگان و نکات مفید">دنیای برنامه های رایگان و نکات مفید</a> <br>2024 whatsappss.ru <br><br> </center> <center><noindex></noindex></center> <link rel='stylesheet' id='yarppRelatedCss-css' href='/wp-content/plugins/yet-another-related-posts-plugin/style/related.css?ver=4.9.1' type='text/css' media='all' /> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "sidebar", "margin_top" : 10, "margin_bottom" : 115, "stop_id" : "", "screen_max_width" : 800, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['nav_menu-4'] } ; </script> <script type='text/javascript' src='https://whatsappss.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script> <script async="async" type='text/javascript' src='https://whatsappss.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.2'></script> <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script></body> </html>