総合トップ
エンジニア転職
未経験の転職
新卒就活
プログラミング学習
ゲーム/マンガ
paizaとは?
講座一覧
問題集
スキルチェック
有料プラン
法人向け
学校フリーパス
ログイン
新規登録
メニュー
ログイン
講座一覧
スキルチェックを受ける
PC推奨
法人プラン
学校向け
おすすめコンテンツ
オフィス訪問
paizaの教育活用事例
4コマ漫画 ぱいじょ!
ゲームイベント一覧
paizaのサービス一覧
paiza転職(中途転職者向け)
paiza新卒(学生向け)
EN:TRY(未経験向け)
paizaラーニング(プログラミング学習)
paizaラーニングトップ
HTML/CSS/Bootstrap
HTML/CSS入門編レッスン一覧
HTML/CSS入門編3: HTML要素を学ぼうチャプター一覧
javascriptを有効にして下さい。
HTML/CSS入門編3: HTML要素を学ぼう
一部無料
有料プラン
Tweet
チャプター一覧
01:画像とリンクを載せよう
(6:41)
無料公開中
ここでは、Webページに画像とリンクを追加します。Bootstrapを使うことで、リンクや画像を便利に表示することができます。
このチャプターを受講する
HTML
CSS
Bootstrap
HTML/CSS/Bootstrap
02:リストとナビゲーションバーを追加しよう
(6:04)
無料公開中
ここでは、Webページに箇条書きのリストを追加します。さらに、Bootstrapで箇条書きを使ってナビゲーションバーを作ります。このナビゲーションバーを使って、同じページ内でジャンプする方法も紹介します。
このチャプターを受講する
HTML
CSS
Bootstrap
HTML/CSS/Bootstrap
03:テーブルを表示しよう
(5:48)
ここでは、Webページに表を追加します。Bootstrapを使うと、見栄えの良い表を簡単に作ることができます。
このチャプターを受講する
HTML
CSS
Bootstrap
HTML/CSS/Bootstrap
04:基本的なフォームを作ろう
(4:59)
ここでは、会員登録や問い合わせなどに利用できるフォームを作ってみます。フォームを使えば、情報を見せるだけでなく、相手から連絡してもらうことができます。
このチャプターを受講する
HTML
CSS
Bootstrap
フォーム
HTML/CSS/Bootstrap
05:フォームにパーツを追加しよう
(4:09)
ここでは、複数行のテキストエリアとプルダウンリストといった、いくつかのパーツをフォームに追加してみます。このようなパーツも、Bootstrapを使うことで、カッコいいデザインを簡単に設定できます。
このチャプターを受講する
HTML
CSS
Bootstrap
フォーム
HTML/CSS/Bootstrap
06:グリッドでフォームを作ろう
(5:06)
Bootstrapのグリッドシステムを使って、フォームのレイアウトを整えてみましょう。
このチャプターを受講する
HTML
CSS
Bootstrap
フォーム
HTML/CSS/Bootstrap
前のレッスンへ