ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2024/10/10
NEW
【週刊ドットインストール】 レッスン制作の進捗、レッスン一覧リニューアルプロジェクト、Astroサイトが進化中
2024/05/07
NEW
あなただけの学習ロードマップを作成します 【随時受付中】
PREMIUM
【旧版】詳解HTML 基礎文法編
ウェブページを作るための言語であるHTMLの基礎的な文法について学んでいきます。
0%
新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
PREMIUM
HTML入門 基本タグ編
Webページを作るための言語であるHTMLの基本的なタグについて学んでいきます。
0%
動画レッスン一覧
(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要素リファレンス
未完了
#01 HTMLを学んでいこう
HTML5 が廃止されましたが、このまま学習を進めてもいいのでしょうか?
2022年6月1日
HTML 関連のレッスンを復習する場合、今までのデータを消去した方がいいですか?
2022年2月10日
素材タブはどこにありますか?
2022年1月27日
おすすめ『 HTML & CSS 』の参考書はありますか?
2022年1月27日
はじめての HTML と詳解 HTML の違いはなんですか?
2022年1月27日
#02 学習の準備を整えよう
Chrome のファイルメニューが見つかりません
2022年5月24日
レッスンのようにブラウザに表示されません
2022年4月4日
Windows を使っていて開発環境を正しく構築できているのかわかりません
2022年3月24日
画像はどこのフォルダに入れればよいのですか?
2022年3月24日
サーバーを準備しなくてもブラウザで自作のページが開けるのはなぜですか?
2022年2月18日
index.html をブラウザのタブにドラック & ドロップしても白紙のままです
2022年2月16日
素材フォルダをデスクトップに配置する方法を教えてください
2022年2月16日
VSCode の画面の右上に何か表示されます
2022年1月27日
Chrome でファイルへのアクセスを拒否されます
2022年1月27日
素材をダウンロードする際に WinZip25.0 というものが出て、展開できません
2022年1月27日
VS Code で書いた内容をブラウザのタブにドラック&ドロップをしてもレッスンのように表示されません
2022年1月27日
画像素材を VS Code で読み込めません
2022年3月28日
VS Code で MyHTML フォルダを開くと中身が空になってしまいます
2022年1月27日
素材をダウンロードした場所が分かりません
2022年1月27日
はじめてのHTML、CSSで作ったフォルダはどうすればいいですか?
2022年1月27日
index.htmlを複数作ると見分けがつかなくなるのでは?
2022年1月27日
VS Codeの左側のアイコンが並んでいるバーが消えました
2022年1月27日
VS Codeの左上のアイコンが出てこない
2022年1月27日
「Open Folder」のボタンがありません
2022年1月27日
ファイルがごちゃごちゃしてきたので消したいです
2022年1月27日
VS Codeで「Unable to write file」と出てしまう
2022年1月27日
VS Codeで前回のコードが残ったまま。新しい画面にするにはどうしたらいいですか?
2022年1月27日
#03 HTMLを書いてみよう
動画内で <p></p> をパパッと出していますが、何かのショートカットキーを使っていますか?
2022年1月27日
エディタで書いたコードを Chrome に移動させると表示されません
2022年1月27日
エディタで書いたコードがタグごとそのままブラウザに表示されてしまいます
2022年1月27日
どのキーを押せば不等号記号が出せますか?
2022年1月27日
VS Codeでタグを補完してくれなくなりました
2022年1月27日
文を選択してエンターキーで文が消える
2022年1月27日
#04 imgタグで画像を配置しよう
logo.png の画像を表示することができません
2022年2月10日
画像を表示することができません
2022年2月4日
VS Code の文字が急に小さくなってしまいました
2022年1月27日
VS Code のタグの色付けは拡張機能によるものですか?
2022年1月27日
img タグは p タグで囲むか、囲まないか、どちらが正しいですか?
2022年1月27日
logo.pngの画像が出ません
2022年1月27日
logo.pngがうまく表示されません
2022年1月27日
logo.png画像が表示されない
2022年1月27日
logo.png画像がうまく表示されません
2022年1月27日
#05 文書全体を囲うタグを見ていこう
インデントとは何ですか?
2022年1月27日
書いても変化がないのですが文書宣言などは必要ですか?
2022年1月27日
HTMLの宣言文をつけないとどうなりますか?
2022年1月27日
#06 全角文字に気をつけよう
どのようなときにコメントの切り替えを行いますか?
2022年7月23日
おすすめのプログラミング用フォントや VS Code テーマはありますか?
2022年1月27日
Chromebookでフォントをインストールするには?
2022年1月27日
#07 headタグを見ていこう
<meta http-equiv="X-UA-Compatible" content="IE=edge"> は書かなくてもいいですか?
2022年6月3日
favicon が表示されません
2022年1月27日
meta データの name と content は何故書くのですか?
2022年1月27日
文字コードはなぜ必要なのですか?
2022年1月27日
meta name="description" は毎回書くのですか?
2022年1月27日
src 属性と href 属性の違いはなんですか?
2022年1月27日
favicon は画像なのに img ではなくて、link を使うのはなぜですか?
2022年1月27日
favicon が表示されません
2022年1月27日
rel属性がなくても表示されるのですが...
2022年1月27日
同じ階層とは?
2022年1月27日
Internet Explorerでfaviconが表示されません
2022年1月27日
metaの意味がわからない
2022年1月27日
metaタグを書かないとどうなりますか?
2022年1月27日
faviconのアイコンが表示されません
2022年1月27日
Chromeで表示したときに一瞬ちらつく
2022年1月27日
headタグが赤く表示されてしまいます
2022年1月27日
#08 bodyタグを見ていこう
単位は書かなくてもいいのですか?
2022年6月3日
h 要素 や p要素 は head 内に入れてはいけないのですか?
2022年2月18日
画像の比率が崩れるのはなぜですか?
2022年1月27日
heightとwidthは何を広げているのですか?
2022年1月27日
行を複製するときのショートカットキーを教えて下さい
2022年1月27日
meta descriptionは下層ページにも必要ですか?
2022年1月27日
#09 strong、blockquote、hr、brを使ってみよう
</strong> を文末に複製する方法を教えてください
2022年5月24日
blockquote タグの中に cite タグを入れても同じような挙動になりますでしょうか?
2022年6月3日
p タグのあとに改行を入れているのはなぜですか?
2022年6月10日
行を上下に移動するショートカットキーを教えてください
2022年1月27日
ショートカットキーを教えてください
2022年1月27日
hr を CSS でスタイリングする方法を教えてください
2022年1月27日
装飾のために hr タグを使用した際のデメリットはありますか?
2022年1月27日
blockquote タグの中に p タグは必要ですか?
2022年1月27日
hrタグを書く必要性がわからない
2022年1月27日
cite属性を付けても変化はありませんが、なぜつけるのですか?
2022年1月27日
#10 実体参照とpreタグを使ってみよう
フォントがレッスンと同じになりません
2022年5月24日
< はなんと読むのですか?
2022年1月27日
<code> タグを使うべき場所のルールがイマイチ理解できません
2022年1月27日
レッスンのように、半角スペースにドットを表示したいです
2022年1月27日
文字実体参照は何のために必要なのですか?
2022年1月27日
文字参照には種類があるそうですが、名前指定文字参照以外を使うことはありますか?
2022年1月27日
マルチカーソルによる複数選択がうまくできません
2022年1月27日
<code> の中に <pre> を書いてもよいですか?
2022年1月27日
codeタグはどういうときに使うのですか?
2022年1月27日
「<」を選択するとすべての記号が選択されてしまいます
2022年1月27日
preタグがあればbrタグはいらないのでは?
2022年1月27日
なぜ不等号記号ではだめですか?
2022年1月27日
preタグを使ったときになぜ左にインデントをずらすのですか?
2022年1月27日
タグを複数選択する操作がうまくいかない
2022年1月27日
preタグの中身の文字が小さくなるのはなぜですか?
2022年1月27日
HTMLのコードを紹介したい場合とは?
2022年1月27日
なぜcodeタグを使うのですか?
2022年1月27日
右にずらすショートカットが知りたい
2022年1月27日
preとcodeを書いても見た目が変わりませんが、書く必要あるのですか?
2022年1月27日
#11 リストを表現してみよう
dl タグは Q&A にも使えますか?
2022年5月18日
dl タグの使い道がよくわかりません
2022年1月27日
1 つの dt に対して dd を複数記述してもよいのですか?
2022年1月27日
ddタグは「Description Detail」ではなくて「Definition Description」では?
2022年1月27日
#12 ol、ul、dlタグでリストを作ろう
1 つの質問・回答ごとに dl で囲んでも問題ありませんか?
2022年3月27日
なぜわざわざ ol 、ul 、dl タグを使うのですか?
2022年3月24日
<dt> タグと <dl> を両方とも使うのはなぜですか?
2022年1月27日
dl に display: flex; をつけても dt と dd が横並びにならないのはなぜですか?
2022年1月27日
行の複製をしているコマンドは何ですか?
2022年1月27日
ol の先頭の番号を消すことはできますか?
2022年1月27日
ショートカットキーがわかりません
2022年1月27日
dlタグはなぜ必要なのでしょうか?
2022年1月27日
改行をしたいときはどうすればいいですか?
2022年1月27日
自動補完がうまく働かない
2022年1月27日
Aを入力すると<A></A>のように自動で変換されてしまう
2022年1月27日
#13 表を表現してみよう
th 、 td 、 tr の役割がよくわかりません
2022年6月1日
cell とはなんですか?
2022年1月27日
lineではなくてrowなのはなぜですか?
2022年1月27日
#14 tableタグで表を作ってみよう
thead の tr を書き忘れても問題なく表示されるのはなぜですか?
2022年1月27日
tableに罫線をつける方法を教えて下さい
2022年1月27日
VS Codeでタグに沿って縦のラインが出ているのですが...
2022年1月27日
tbody と thead は必要ですか?
2022年1月27日
<th></th>を素早くコピー&ペーストしている操作はどうやっているのですか?
2022年1月27日
#15 リンクを張ってみよう
VS Code でファイルの名前を変更することができません
2022年4月4日
target = "blank" とアンダーバーがなくても機能するのはなぜですか?
2022年1月27日
href 属性の値を # にするときと URL にするときの違いはなんですか?
2022年1月27日
ブラウザに表示ができません
2022年1月27日
「リターン」とはなんですか?
2022年1月27日
ファイルがうまくできません
2022年1月27日
linkとaはどちらを使ってもいいのですか?
2022年1月27日
#16 別ファイルへのリンクを作ろう
階層が上なのか下なのかがわかりません
2022年6月22日
ファイルへのアクセスが拒否されてしまいます
2022年5月18日
../ についてもう少し詳しく教えてください
2022年6月3日
なぜ index.html という同じ名前のファイルを作るのですか?
2022年5月24日
他のページへのリンクがうまく機能しません
2022年2月10日
別ファイルに対して CSS を適用するにはどうすればよいですか?
2022年1月27日
VSCode でフォルダとファイルの見分けがつかないのですが...
2022年1月27日
HTML ファイルをブラウザで確認すると文字化けしてしまいます
2022年1月27日
別タブから元のタブに戻る方法はありますか?
2022年1月27日
VS Code で行の折り返しがされません
2022年1月27日
別の HTML ファイルに link タグをコピー & ペーストするとうまく表示されません
2022年1月27日
階層がわかりません
2022年1月27日
なぜlessonsを作成しindex.htmlをわざわざ作るのですか?
2022年1月27日
2つや3つ上の階層を表すにはどうしたらいいですか?
2022年1月27日
レッスン一覧へのリンクがうまく動かない
2022年1月27日
最終的にどのようなファイル構成になりますか?
2022年1月27日
VS Codeの「フォルダーを開く/Open Folder」をクリックしても動画のとおりになりません
2022年1月27日
aタグでタブを閉じることはできますか?
2022年1月27日
ひとつ上の階層とは何ですか?
2022年1月27日
#17 ページ内リンクを作ろう
見出しに飛べません。
2022年5月24日
option + shift + 下矢印キーの option のキーはどこですか?
2022年1月27日
id と class はどのように使い分ければ良いのでしょうか?
2022年1月27日
about や history は別の名前でも大丈夫ですか?
2022年1月27日
なぜ最後に識別子を消したのですか?
2022年1月27日
id属性は2回使ってもいいのですか?
2022年1月27日
id属性はh1、h2以外の要素にもつきますか?
2022年1月27日
id="top"と書かなくても上に戻れるのはなぜですか?
2022年1月27日
VS Codeでファイルを消す方法を教えて下さい
2022年1月27日
リンクをpで囲う必要がありますか?
2022年1月27日
同じページ内のアンカーが効きません
2022年1月27日
h2の方ではなぜ#がつかないのですか?
2022年1月27日
#18 文書の構造を見やすくしよう
全部divタグで記述してはいけないのでしょうか?
2022年1月27日
mainタグの使い方がわからない
2022年1月27日
mainタグを2つ書いてはいけないのですか?
2022年1月27日
#19 文書の構造をマークアップしてみよう
main は aside がない場合でも記入する必要はありますか?
2022年7月9日
行を複製すると段落がずれてしまいます
2022年5月24日
h1 と p を section で囲わないのはなぜですか?
2022年1月27日
main や section などのタグは使わなくても良いのですか?
2022年1月27日
<head> や <body> もインデントしたほうがよいのでしょうか?
2022年1月27日
h1 タグは 1 つのページに 1 つしか使えないという理解であっていますか?
2022年1月27日
main タグ内と section タグ内で h1 の大きさが異なるのはなぜですか?
2022年1月27日
コードの比較をすると空白の違いがあるのですが...
2022年1月27日
sectionタグとdivタグの違いがいまいちわかりません
2022年1月27日
「ざっと移動」のキーボード操作について教えて下さい
2022年1月27日
見出しタグの大きさにはルールがありますか?
2022年1月27日
asideタグの使いどころがわかりません
2022年1月27日
navタグはどういう場所に使われるのですか?
2022年1月27日
まとまりを表現するタグは文書を書いたあとに設定するのが一般的ですか?
2022年1月27日
mainタグの中にasideタグを書いてもいいのですか?
2022年1月27日
#20 article、timeタグを使ってみよう
main の中に footer 、 article を入れても問題ありませんか?
2022年7月9日
section 内の h1 が section 外の h1 とサイズが違うのはなぜですか?
2022年6月1日
なぜ article の中の見出しを全て h1 にするのですか?
2022年2月10日
footer タグと article タグの違いがわかりません
2022年1月27日
複数の記事があった場合、まとめて article タグで囲ってもいいのでしょうか?
2022年1月27日
スペースを入れると・がつくように設定するにはどうしたらいいですか?
2022年1月27日
article と section の使い分けがいまいちピンときていません
2022年1月27日
選択した文字を複製するショートカットキーを教えてください
2022年1月27日
pタグを使うべき場所について教えて下さい
2022年1月27日
time タグを用いる意味がわかりません
2022年1月27日
footerタグは複数使ってもいいのでしょうか?
2022年1月27日
見出しタグはh2やh3から始めてもいいですか?
2022年1月27日
「相対的な順序であればいいので、この中で一番重要な見出しという意味でh1に振り直してあげてもOKです」の意味がわかりません
2022年1月27日
見た目が変わらないのにarticleやsectionタグを使い分ける必要があるのはなぜですか?
2022年1月27日
#21 div、spanタグを使ってみよう
セミコロンを入力しなくても問題無く表示されるのですが必要ですか?
2022年1月27日
background-color と background の違いは何ですか?
2022年1月27日
style属性とCSSはどう使い分けていますか?
2022年1月27日
styleタグの空白や;記号は必要ですか?
2022年1月27日
#22 MDNでHTMLの仕様を確認しよう
MDN の見た目がレッスンのものと違います
2022年6月10日
h1 の中に a タグを入れてはいけないのでしょうか?
2022年3月24日
「 h1 の内容は記述コンテンツのみ許可されている」とはどういう意味ですか?
2022年1月27日
許可されていないものを使ったらどうなるのですか?
2022年1月27日
リリース情報(note)
『詳解HTML 基礎文法編』をリニューアルしました
詳細情報
最終更新日
2019年11月19日
バージョン情報
Chrome 78.0 / Visual Studio Code 1.38.0