ハンズオンチュートリアル

この実験では、レスポンシブで柔軟なウェブレイアウトを作成するための CSS Flexbox の基本を学びます。

この実験では、`<img>` タグとその `src`、`alt`、`width`、`height` などの必須属性を使用して、HTML ドキュメントに画像を埋め込む方法を学びます。

この実験（Lab）では、form、input、label、textarea などの様々な HTML 要素を使用して、Web フォームを作成および構造化する方法を学びます。

この実験では、コンテンツ、パディング、ボーダー、マージンを含む CSS ボックスモデルの基本と、box-sizing を使用した要素サイジングの制御方法を学びます。

この実験では、`nmap` を使用して SSH サービスを列挙し、弱いキーベース認証の設定ミスを悪用してシェルアクセスを取得し、フラグを取得する方法を学びます。この演習は SSH セキュリティのベストプラクティスに焦点を当てています。

この実験では、基本的なウェブページを一から作成することで、HTML ドキュメントの基本的な構造を学びます。DOCTYPE、html、head、body タグの役割を理解します。

この実験では、シンプルな HTML 要素のスタイリングを通じて、ユーティリティファースト CSS フレームワークである Tailwind CSS の基本を学びます。CDN の追加、背景色、テキスト色、パディング、レイアウト用のクラスの適用を行います。

この実験では、基本的な HTML タグを使用して、ゼロから完全なパーソナルウェブページを構築します。ドキュメントの構造化、テキストのフォーマット、リストの作成、リンクや画像の追加、テーブルやフォームの構築方法を学びます。

この実験では、色の設定、画像の追加、およびそれらの位置と繰り返し制御を含む、さまざまな CSS の色と背景プロパティを適用して、ウェブページ要素をスタイルする方法を学びます。

この実験では、HTML テーブルを使用してデータを構造化し、作成する方法を学びます。`<table>`、`<tr>`、`<th>`、`<td>` タグの役割を理解しながら、シンプルなテーブルを一から構築します。

この実験では、外部スタイルシートの作成方法や、HTML ドキュメントにリンクしてページのフォントを変更する方法など、CSS の基本を学びます。

この実験では、Server Message Block (SMB) の列挙方法を学びます。`nmap` を使用して SMB サービスを特定し、`smbclient` でゲストアクセスの設定ミスを悪用して、共有ディレクトリからフラグを取得します。これは一般的なネットワークの脆弱性をシミュレートしたものです。

この実験では、単語リストを使用して Telnet サービスに対する脆弱な認証情報を列挙します。nmap でスキャンし、hydra を使用してブルートフォース攻撃を行い、ターゲットシステムにアクセスしてフラグを取得し、脆弱なパスワードのリスクを強調します。

この実験では、HTML で順序なしリスト、順序付きリスト、およびネストされたリストを使用してコンテンツを作成および構造化する方法を学びます。これは、ウェブページ上の情報を整理するための基本的なスキルです。

この実験では、設定ミスのある Rsync サービスを列挙し、悪用する方法を学びます。`nmap` を使用してサービスを検出し、匿名で接続してリモートターゲットからファイルを同期し、フラグを取得することで、バックアップ同期サービスの潜在的なリスクを浮き彫りにします。

この実験では、外部リンク、内部リンク、ツールチップの追加方法など、HTML でさまざまな種類のリンクを作成する方法を学びます。

この実験では、HTML 要素のスタイル設定のために、要素、クラス、ID、グループ化、子孫セレクターを含む CSS セレクターの基本を学びます。

LabEx は、プレイグラウンドファーストのワークフロー向けに設計されたエージェント型 AI コーディング環境であるオンライン OpenCode プレイグラウンドを提供します。これにより、コードの計画、実装、リファクタリングを自律的に行うことができます。