30 top html interview questions
新入生と経験豊富な専門家のための最も人気のあるHTMLインタビューの質問のリスト:
このチュートリアルでは、HTMLの基本部分と高度な部分の両方を含む、HTML面接の質問について説明しました。これらの質問は、初心者だけでなく経験豊富な受験者にも役立ちます。
HTMLは非常に基本的な言語であり、そこからWeb開発の作業を開始します。
Web開発の投稿のインタビューをクラックするには、HTMLに関する非常に強力な知識を強くお勧めします。この有益なチュートリアルが、最初の試みで面接を無事にクリアするのに大いに役立つことを願っています。
最もよくあるHTMLインタビューの質問
以下に、最も人気のあるHTMLインタビューの質問のリストと、理解しやすいように回答とサンプルコードを示します。
はじめましょう!!
Q#1)HTMLは何の略ですか?
回答: HTMLはハイパーテキストマークアップ言語の略です。
Q#2)HTMLについて説明してください。
回答: ハイパーテキストマークアップ言語またはHTMLは、ワールドワイドウェブ上にコンテンツを表示するためのWebサイトテンプレートまたはWebページを作成するために使用されるマークアップ言語です。
HTMLページは、Webページ名に.htmlまたは.htmlを追加することで保存されます。
Q#3)HTMLテンプレートの基本構造を書いてください。
回答: HTMLテンプレートの基本構造は次のとおりです。
Q#4)HTML5とは何ですか?
回答: HTML5は、HTMLを定義するマークアップ言語の最新バージョンまたは更新バージョンです。
Q#5)HTMLには存在しなかったが、HTML5に追加されたいくつかの新機能を挙げてください。
回答: HTML5の新機能には次のものがあります。
- DOCTYPE宣言 :
- セクション :セクションタグは、ヘッダー、フッター、またはドキュメントの他のセクションなど、ドキュメント内のセクションを定義します。ドキュメントの構造を定義するために使用されます。
- ヘッダ: ヘッダータグは、ドキュメントのヘッドセクションを定義します。ヘッダーセクションは常にドキュメントの上部に貼り付けられます。
- フッター: フッタータグは、ドキュメントのフッターセクションを定義します。フッターセクションは常にドキュメントの下部に貼り付けられます。
- 論文: Articleタグは、ドキュメントのコンテンツの独立した部分を定義します。
- メイン: mainタグは、ドキュメントのメインコンテンツを含むドキュメントのメインセクションを定義します。
- figcaption: Figcaptionタグは、画像やビデオなどのメディア要素のキャプションを定義します。
Q#6)アンカータグとは何ですか?クリックしたときにURLを新しいタブで開くにはどうすればよいですか?
回答: HTMLのアンカータグは、2つのセクションまたは2つの異なるWebページまたはWebサイトテンプレート間をリンクするために使用されます。
クリック時にブラウザの新しいタブでURLを開くには、次の値に等しいターゲット属性を追加する必要があります。 _ブランク。
Q#7)HTMLコードを記述して表を作成し、以下の値を表形式で表示します。見出しはロール番号、学生名、科目名、値は次のとおりです。
- ラム、物理学
- シャム、数学
- Murli、化学
回答: 上記の値をHTMLテーブル形式で表すには、コードは次のようになります。
table, th, td { border: 1px solid black; } Roll No. Student Name Subject Name 1 Ram Physics 2 Shyam Math 3 Murli Chemistry
出力:
Q#8)HTMLでセマンティック要素を定義します。
回答: セマンティック要素は、そのコンテンツに関するブラウザと開発者にとっての意味を表すHTML要素です。
例えば - p タグは段落を表し、 に タグはアンカータグ、フォームタグ、テーブルタグ、記事タグを表し、その他多くはHTMLのセマンティック要素です。一方、divタグ、spanタグ、太字タグはセマンティック要素ではありません。
Q#9)HTMLタグで属性を定義します。
中小企業のための無料のタイムシートソフトウェア
回答: HTMLタグには、タグ内にそのタグの属性と呼ばれるフィールドが含まれています。
例えば:
このタグのsrcはimgタグ属性です。
このタグタイプには、入力タグ属性があります。
Q#10)HTMLタグの属性の値を動的に変更できますか?
回答: はい、JavaScriptを使用して属性の値を変更できます。
以下は、属性が変更される入力要素です。 テキスト に パスワード、 属性値を変更するためのJSコード:
document.getElementById(“inputField”).attr(“type”, “password”);
Q#11)HTMLでコメントするにはどうすればよいですか?
回答: コメントは、開発者がコード機能を追跡し、他の開発者がコード機能を簡単に理解するのに役立つために使用されます。
コメントされたアウトラインはブラウザに表示されません。行をコメント化するには、行はこれで開始する必要があります そしてこれで終わります ->。 コメントは、1行または複数行にすることができます。
例えば:
(iii)HEAD – tagは、タグ内の最初の要素です。これは、ページとそのコンテンツに関する情報をブラウザに提供するために使用されます。
検索エンジン最適化(SEO)技術は、このタグ内に記述されています。 、タグはこれらのタグ内に書き込まれます。 CSSとJSの外部リンクまたは内部のCSSとJSもこのタグ内に書き込まれます。
HTML Interview Questions
(iv)BODY – タグは、タグの終了タグの後、つまり。の後に書き込まれます。これらのタグ内に記述されたHTMLコードはすべて、ブラウザによってWebサイトのコンテンツとして表示されます。
Top HTML Interview Questions
HTML stands for Hypertext Markup Language
一緒に全身は次のようになります:
HTML Interview Questions h2{ color: #1855b5; } p{ color: #3bd256; font-weight: 600; } Top HTML Interview Questions
HTML stands for Hypertext Markup Language
出力:
Q#17)メタタグがHTMLで使用されるのはなぜですか?
回答: HTMLのメタタグは、開発者がページの説明、テンプレートの作成者、文字セット、キーワードなどについてブラウザに通知するために使用されます。
メタタグは、検索エンジンの最適化に使用され、ページのコンテンツについて検索エンジンに通知します。
Q#18)HTMLのリスト要素について説明してください。
回答: 以下にリストされているのは、HTMLのリスト要素です。
- 注文リスト(
- )-
- 順不同リスト(
- )-
- 定義リスト(
- )
注文リスト:
HTML Interview Questions Ordered List h1{ color: red; } li{ color: #0070ff; } function myMap() { var mapOptions = { center: new google.maps.LatLng(51.5, -0.12), zoom: 10 } var map = new google.maps.Map(document.getElementById('map'), mapOptions); }
出力:
Q#25)HTMLとXHTMLを区別します。
回答: HTMLとXHTMLの違いは次のとおりです。
- HTMLはHypertextMarkup Languageの略であり、XHTMLはExtensible MarkupLanguageの略です。
- 静的WebページはHTMLWebページであり、動的WebページはXHTMLです。
- XHTMLはHTMLよりも厳密です。
- HTMLのXMLアプリケーションはXHTMLとして定義されています。
- 最新のブラウザはすべてXHTMLをサポートしています。
Q#26)Webワーカーとは何ですか?
回答: Web Workersは、ページのパフォーマンスを妨げることなくバックグラウンドスレッドで実行されるJavaScriptのコードです。これは、Accessデータベースや関数などの計算量の多いタスクに使用されます。
Q#27)SVG要素とは何ですか?
回答: SVGは従うXML形式です。これは、インタラクティブ性とアニメーションをサポートするベクターグラフィックを作成するために使用されるScalable VectorGraphicsの略です。
SVGは、サイズ変更やズームを行っても品質が低下しないため、解像度に依存しません。
Q#28)Canvasについて説明してください。
回答: Canvasはピクセルベースのグラフィックであり、HTML5の新機能の1つです。
JavaScriptを使用してグラフィックを描画できるスペースをドキュメント内に提供し、解像度に依存するため、ズームまたはサイズ変更すると品質が影響を受けます。
例:
Your browser does not support the HTML5 canvas tag. var can = document.getElementById('myCanvas'); var canvas = can.getContext('2d'); canvas.font = '20px Hind-sanserif'; canvas.fillText('Canvas Example',30,60);
Q#29)HTML5の新しいフォーム要素について説明してください。
回答:HTML5に追加された新しいフォーム要素は次のとおりです。
- データリスト– 入力制御のオプションのリストとして使用されます。
- Keygen – このタグは、キーペアジェネレータ(プライベート/パブリック)フィールドを定義します。
- 出力– 計算結果を表示するために使用されます。
Q#30)HTML5のQuirksモードとは何ですか?
回答: HTMLページまたはドキュメントに要素を含めない場合、Quirksモードになります。このモードでは、HTML要素はブラウザによって異なります。したがって、コンテンツはブラウザに応じて表示されます。
結論
これらの面接の質問と回答は、Web開発面接を成功させるのに役立ちます。ほとんどの質問には、インタビュー中のHTMLエキスパートの回答が含まれています。
推奨読書= >> HTMLチートシート
これらのインタビューの質問が、HTMLの概念に関する知識を深めることを願っています。
皆様のご成功をお祈り申し上げます!!