ホームページ > 記事 > ウェブフロントエンド > 面接用の HTML と CSS をマスターする: 必須の質問と驚くべき質問
フロントエンド開発者のポジションの面接の準備をする場合、HTML と CSS は面接で必ず取り上げられる基本的な技術です。ほとんどの雇用主は、HTML 構造と CSS スタイルに関する一般的な質問をしますが、中には驚かれ、混乱を引き起こす可能性のある質問がいくつかあります。そのため、基本的な知識を習得するだけでなく、より深く予想外の質問に備えておくことが重要です。
この投稿では、まず、面接で最も一般的な HTML および CSS の質問 50 個と詳細な回答を取り上げます。最後に、混乱するかもしれない予期せぬ質問をさらに 10 個追加します。ただし、それらの解決方法については説明を付けます。
1. HTML とは何ですか?その基本的な目的は何ですか?
HTML (HyperText Markup Language) は、Web ページ上のコンテンツを構造化するために使用されるマークアップ言語です。タイトル、段落、リンク、画像、表、その他のページ要素を作成できます。
2.以前のバージョンと比較した HTML5 の主な新機能は何ですか?
HTML5 では、
3. id 属性と class 属性の違いを説明します。
id はページ上の 1 つの要素のみに割り当てることができる一意の識別子ですが、class は複数の要素に割り当てることができ、同様のスタイルや機能を持つ要素をグループ化するために使用されます。
4.セマンティック HTML とは何ですか?なぜ重要ですか?
セマンティック HTML は、明確に定義された意味を持つ要素 (例:
5.主なセマンティック HTML5 タグは何ですか?
主なタグには、
6. DOCTYPE とは何ですか?HTML ドキュメントで DOCTYPE が重要なのはなぜですか?
宣言では、使用する HTML のバージョンを定義します。 HTML5 では、単純な宣言 すべてのブラウザでページが正しく表示されるようにします。
7. HTML でリンクを作成するには?
を使用します。ラベル: ここをクリック。 href 属性は、リンク先の URL を指定します。
テーブルは
alt 属性は、表示できない画像の代替テキストを提供します。スクリーン リーダーは画像を説明するためにこれを使用するため、SEO とアクセシビリティにとって重要です。
フォームは
ラジオはグループから 1 つのオプションを選択する必要がある場合に使用され、チェックボックスでは複数のオプションを選択できます。例:
<ビデオ>を使用するタグ:
プレースホルダー属性は、ユーザーがデータを入力するまで表示される入力フィールド内にテキスト ヒントを提供します。例:
外部リンクはインターネット上の別のページ (完全な URL が使用されます) につながりますが、内部リンクはサイト内の別のページにつながります (相対アドレスが使用されます)。例:
16. Šta je CSS i čemu služi? 17. Koje su prednosti korišćenja eksternih CSS fajlova? 18. Kako primenjujemo CSS na HTML elemente? を使用して作成されます。
、 、 を使用したラベル、および行と列。例:
<table>
<tr>
<th>Ime</th>
<th>Prezime</th>
</tr>
<tr>
<td>Marko</td>
<td>Marković</td>
</tr>
</table>
9.画像の alt 属性とは何ですか?なぜ重要ですか?
<form action="/submit" method="POST">
<input type="text" name="ime" placeholder="Unesi ime" />
<button type="submit">Pošalji</button>
</form>
11.ラジオとチェックボックス入力の使用方法?
<input type="radio" name="pol" value="muško" /> Muško
<input type="radio" name="pol" value="žensko" /> Žensko
<br>
<input type="checkbox" name="hobi" value="sport" /> Sport
12. HTML にビデオを埋め込む方法?
<video controls>
<source src="video.mp4" type="video/mp4">
</video>
13. HTML フォームのプレースホルダー属性とは何ですか?
<input type="text" placeholder="Unesi svoje ime">
14.順序付きリストと順序なしリストを定義するにはどうすればよいですか? を使用します。番号付きリストと
の場合箇条書きリストの場合。項目は
<ul>
<li>Prva stavka</li>
<li>Druga stavka</li>
</ul>
15. HTML で外部リンクと内部リンクを作成するにはどうすればよいですか?
<a href="https://example.com">Spoljni link</a>
<a href="/kontakt">Unutrašnji link</a>
CSS pitanja:
CSS (Cascading Style Sheets) služi za stilizovanje HTML elemenata, definišući boje, margine, pozicioniranje, fontove, itd.
Eksterni CSS fajlovi omogućavaju da se stilovi dele između više HTML stranica, smanjujući redundanciju i olakšavajući održavanje koda.
CSS se može primeniti na tri načina: inline (unutar HTML-a pomoću style atributa), u