سوالات مصاحبه HTML

HTML مخفف Hyper Text Markup Language است که برای شبکه جهانی وب طراحی شده است. HTML یک زبان استاندارد قالب بندی متن است که برای ایجاد و نمایش صفحات در وب استفاده می شود و باعث می شود متن تعاملی تر و پویاتر شود. HTML می تواند متن را به تصاویر ، جداول ، پیوندها و ... تبدیل کند.

از تگ های HTML برای ایجاد اسناد HTML و توصیف ویژگی های آنها استفاده می شود. هر تگ HTML ویژگی های متفاوتی دارد. تگ های HTML از سه چیز تشکیل شده اند: تگ باز ، محتوا و تگ پایان. برخی از تگ ها نیازی به بسته شدن ندارند. اسناد HTML شامل دو چیز هستند: محتوا و تگها. در صفحات وب محتوا بین تگ ها قرار می گیرد. سینتکس کلی تگ ها به صورت زیر میباشد: <tag> محتوا </tag>

خیر. برخی از برچسب های HTML وجود دارد که نیازی به تگ بسته ندارند. به عنوان مثال: <image> یا <br> .

HTML شامل شش نوع عنوان است که با تگ های <h1> تا <h6> تعریف شده اند. هر نوع تگ عنوان، اندازه متن متفاوتی از دیگری نشان می دهد. <h1> بزرگترین تگ عنوان و <h6> کوچکترین تگ عنوان است.

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

از تگ table برای نمایش داده ها به شکل جدول (سطر * ستون) استفاده می شود. همچنین Layout صفحه را مدیریت می کند ، به عنوان مثال ، بخش سرصفحه ، نوار ناوبری ، محتوای متن ، بخش پاورقی. تگ ها مربوط به جدول در زیر لیست شده اند: <table> یک جدول تعریف می کند. <tr> ردیفی را در جدول تعریف می کند. <th> یک سلول سربرگ در یک جدول تعریف می کند. <td> یک سلول را در یک جدول تعریف می کند. <caption> عنوان جدول را مشخص می کند. <tbody> برای گروه بندی محتوای بدنه در یک جدول استفاده می شود. <thead> برای گروه بندی محتوای سرصفحه در یک جدول استفاده می شود. <tfooter> برای گروه بندی محتوای پاورقی در یک جدول استفاده می شود.

Ordered List: عناصر را در قالب شماره نشان می دهد. با برچسب <ol> نشان داده می شود. Unordered List - عناصر را در قالب دایره ای نمایش می دهد. با برچسب <ul> نشان داده می شود. Definition List - عناصر را در قالب تعریف مانند فرهنگ لغت نمایش می دهد. به عبارت دیگر با استفاده از آن میتوان یک لیست دارای توضیحات ایجاد نمود. از تگ های <dl> ، <dt> و <dd> برای ایجاد Definition List استفاده می شود.

خیر ، می توانید از پیوندها برای متن و تصاویر استفاده کنید. تگ <a></a> یک پیوند را تعریف می کند که یک صفحه را به صفحه دیگر پیوند می دهد. ویژگی "href" مهمترین ویژگی تگ <a></a> است. سینتکس:

<a href = "..........."> your text </a>
<a href = "..........."> <img  src="" ></img> </a>

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

Layout روشی برای تعیین چیدمان محتوای یک صفحه وب است. هر وب سایت دارای یکLayout خاص برای نمایش محتوا به شیوه ای خاص است. در زیر عناصر مختلف HTML5 وجود دارد که برای تعریف قسمت های مختلف یک صفحه وب استفاده می شود. <header>: برای تعریف سرصفحه برای یک سند یا بخش استفاده می شود. <nav>: برای تعریف یک قالب برای پیوندهای ناوبری استفاده می شود <section>: برای تعریف بخش در یک سند استفاده می شود <article>: برای تعریف یک مقاله مستقل استفاده می شود <aside>: برای تعریف محتوایی جدا از محتوای اصلی (مانند نوار کناری) استفاده می شود <footer>: برای تعریف پاورقی برای سند یا بخش استفاده می شود

Marquee برای قرار دادن متن یا تصویر قابل پیمایش یا Scroll شدن در یک صفحه وب استفاده می شود. Marquee تصویر یا متن را به صورت خودکار به بالا ، پایین ، چپ یا راست می پیماید. شما باید تصویر یا متنی را که می خواهید حرکت دهید در تگ <marquee> ...... </marquee> قرار دهید.

از سه برچسب برای جدا کردن متن ها استفاده می شود: برچسب <br> : خط فعلی را می شکند و کنترل را به خط بعدی منتقل می کند برچسب <p> - برچسب <p> حاوی متن به شکل یک پاراگراف جدید است. برچسب <blockquote> - برای تعریف بخشی برای نقل قول استفاده می شود. اگر یک نقل قول دارید ، کل متن را در برچسب <blockquote></blockquote> قرار دهید.

<"body background = "image.gif>

- برای تغییر رنگ بخشی از متن - برای تغییر رنگ پس زمینه بخشی از متن - برای هایلایت کردن بخشی از متن مثال:

<p>  
<"span style="color:#ffffff>  
In this text we use span.  
</span>  
</p>

iframe برای نمایش یک صفحه وب در یک صفحه وب استفاده می شود. سینتکس:

<iframe src="URL"></iframe>

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

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

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

از SVG برای توصیف بردار دو بعدی و گرافیک بردار/رستر استفاده می شود. تصاویر SVG و رفتارهای آنها در فایل های متنی XML تعریف شده است. بنابراین به عنوان یک فایل XML ، شما می توانید یک تصویر SVG را با ویرایشگر متن ایجاد و ویرایش کنید. SVG بیشتر برای نمودارهای بردارِی مانند Pie Chart و نمودارهای دو بعدی در سیستم مختصات X ، Y استفاده می شود. مثال:

<svg width="100" height="100">
 <circle cx="50" cy="50" r="40" stroke="yellow" stroke-width="4" fill="red" />
</svg>

تقریباً همه مرورگرها (نسخه های به روز شده) از HTML 5 پشتیبانی می کنند. برای مثال Chrome ، Firefox ، Opera ، Safari ، IE.

بله. برای افزودن فایل های صوتی یا موسیقی از تگ <audio> در صفحه وب استفاده می شود. سه فرمت فایل پشتیبانی شده برای تگ صوتی HTML 5 وجود دارد: 1. mp3 2. WAV 3. Ogg مثال:

<audio controls>
  <source src="koyal.mp3" type="audio/mpeg">    
Your browser does not support the html audio tag.    
</audio>

HTML4 => HTML5

<div id="header"> => <header>
<div id="menu"> => <nav>
<div id="content"> => <section>
<div id="post"> => <article>
	<div id="footer"> => <footer>

خیر ، زیرا مرورگر نمی تواند تشخیص دهد که یک سند HTML است و تگ های HTML 5 به درستی کار نمی کنند.

کاربر را مجبور می کند تا فیلدهایی با ویژگی required را حتما کامل کند تا فرم submit شود. برای اعتبارسنجی فرم استفاده می شود. مثال:

Name: <input type="text" name="name" required>

یک کامنت در HTML با "<! -" شروع می شود و با " ->" خاتمه می یابد. مثلا:

<!-- A SAMPLE COMMENT -->

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

image map به شما این امکان را میدهد که از طریق یک تصویر واحد به صفحات مختلفی لینک دهید. شما میتوانید اشکالی را در تصویر انتخاب کنید که کاربر بتواند از طریق کلیک بر روی هر یک از آنها به صفحه متفاوتی منتقل شود. مثال:

<img src="myphoto.jpg" alt="myphoto" usemap="#mymap">

<map name="mymap">
  <area shape="rect" coords="34,44,270,350" alt="shape1" href="link1">
  <area shape="rect" coords="290,172,333,250" alt="shape2" href="link2">
  <area shape="circle" coords="337,300,44" alt="shape3" href="link3">
</map>

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

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

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

HTML5 کاملتر و آسان تر از HTML است ، دارای برچسب های زیادی مانند <header> ، <footer> ، <nav> ، <Audio> ، <video> ، <main> و غیره است. همچنین از گرافیک، صوت و تصویر پشتیبانی می کند.

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