【旧版】詳解HTML 基礎文法編 (全22回) - プログラミングならドットインストール

新しいレッスンがあります

旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。

PREMIUM

HTML入門基本タグ編

Webページを作るための言語であるHTMLの基本的なタグについて学んでいきます。

動画レッスン一覧 (22)
質問と回答 (200)

#01 HTMLを学んでいこう (02:04) 無料公開中
- HTMLの概要
- ページのソースを表示
#02 学習の準備を整えよう (02:11) 無料公開中
- 使用ブラウザ、エディタの確認
- 画像素材の確認
- プロジェクトフォルダの設定
#03 HTMLを書いてみよう (02:34) 無料公開中
- HTMLの書き方
- 開始タグ、終了タグ、要素
- マークアップ
- HyperText Markup Language
#04 imgタグで画像を配置しよう (02:05) 無料公開中
- img
- 属性
- 属性名
- 属性値
#05 文書全体を囲うタグを見ていこう (02:56) 無料公開中
- 文書宣言
- html
- head
- body
- 字下げ / インデント
#06 全角文字に気をつけよう (02:39)
- 全角文字に関する注意
- 全角空白に関する注意
- コメント
- コメント切り替えのショートカットキー
#07 headタグを見ていこう (02:24)
- 文字コードの設定
- title
- 文書の説明
- faviconの設定
#08 bodyタグを見ていこう (02:39)
- alt属性
- width属性
- height属性
- 行複製のショートカットキー
- h2
- p
#09 strong､blockquote､hr､brを使ってみよう (02:56)
- strong
- blockquote
- hr
- br
#10 実体参照とpreタグを使ってみよう (02:56)
- 実体参照
- pre
- code
#11 リストを表現してみよう (02:15)
- 箇条書きリスト
- 順序付きリスト
- 説明リスト
#12 ol､ul､dlタグでリストを作ろう (02:52)
- ol、li
- ul、li
- dl、dt、dd
#13 表を表現してみよう (01:20)
- 表の表現方法
#14 tableタグで表を作ってみよう (02:28)
- table
- thead、tbody
- tr
- th、td
#15 リンクを張ってみよう (02:44)
- a
- 外部サイトへのリンク
- target属性
- 動作確認
#16 別ファイルへのリンクを作ろう (02:45)
- 別ファイルへのリンク
- 動作確認
#17 ページ内リンクを作ろう (02:44)
- id属性とページ内リンクの指定方法
- ページ内リンクに関する注意点
#18 文書の構造を見やすくしよう (02:01)
- 意味のあるまとまりに使えるタグ
#19 文書の構造をマークアップしてみよう (03:01)
- header
- footer
- nav
- aside
- main
- section
#20 article､timeタグを使ってみよう (02:24)
- article
- time
#21 div､spanタグを使ってみよう (02:08)
- div
- span
#22 MDNでHTMLの仕様を確認しよう (02:12)
- MDN
- 許可された内容、許可された親要素
- 属性
- HTML要素リファレンス