ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2024/10/03
NEW
【週刊ドットインストール】 DHHのお話、レッスン制作の進捗、その他のいろいろ
PREMIUM
【旧版】詳解HTML 基礎文法編
ウェブページを作るための言語であるHTMLの基礎的な文法について学んでいきます。
0%
新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
PREMIUM
HTML入門 基本タグ編
Webページを作るための言語であるHTMLの基本的なタグについて学んでいきます。
0%
動画レッスン一覧
(30)
#01 HTMLを学ぼう
(01:51)
無料公開中
HTMLの概要
ページのソースを表示
未完了
#02 学習の準備をしよう
(02:43)
無料公開中
使用ブラウザ、エディタの確認
画像素材の確認
ひな形ファイルの作成
未完了
#03 はじめてのHTML
(02:46)
無料公開中
HTMLの書き方
開始タグ、終了タグ、要素
マークアップ
HyperText Markup Language
未完了
#04 imgタグで画像を配置しよう
(02:24)
無料公開中
imgタグ
属性
未完了
#05 文書全体を囲うタグを見ていこう
(02:28)
無料公開中
文書宣言
htmlタグ
headタグ
bodyタグ
未完了
#06 字下げやコメントを使おう
(02:18)
字下げ
コメント
コメント切り替えのショートカット
未完了
#07 headタグを見ていこう
(02:48)
文字コードの設定
title
faviconの設定
未完了
#08 imgタグの属性を見ていこう
(02:09)
alt属性
width属性
height属性
現在の行の複製方法
コメントの活用方法
未完了
#09 見出しと段落をマークアップしよう
(01:29)
h1
h2
p
未完了
#10 hr、br、strong、blockquoteを使ってみよう
(02:00)
hr
br
strong
blockquote
未完了
#11 リストを表現してみよう
(02:29)
連番リスト
箇条書きリスト
説明リスト
未完了
#12 ol、ulタグでリストを作ろう
(02:54)
ol、li
ul、li
未完了
#13 dlタグで説明リストを作ろう
(02:04)
dl、dt、dd
未完了
#14 別ファイルにリンクを張ってみよう
(01:56)
a
動作確認
未完了
#15 外部サイトへのリンクを張ってみよう
(02:53)
外部サイトへのリンク
mailto
未完了
#16 ページ内リンクを作ろう
(02:53)
id属性とページ内リンクの指定方法
ページ内リンクに関する注意点
未完了
#17 MDNでHTMLの仕様を確認しよう
(02:18)
MDN
許可された内容、許可された親要素
未完了
#18 tableタグで表を作ってみよう
(01:37)
table
thead、tbody
tr
th、td
未完了
#19 表をマークアップしてみよう
(02:01)
表のマークアップ
未完了
#20 form、input、labelを使ってみよう
(02:10)
form
input
label
未完了
#21 textarea、buttonを使ってみよう
(01:50)
textarea
button
未完了
#22 入力部品で使える属性を見ていこう
(01:59)
value
placeholder
buttonとinputの違い
未完了
#23 パスワード入力欄、selectを使おう
(02:44)
password入力欄
select、option
selectで使える属性
未完了
#24 チェックボックスを作ってみよう
(02:06)
fieldset、legend
checkbox
checked属性
未完了
#25 ラジオボタンを作ってみよう
(01:38)
radio
name属性
未完了
#26 コンテンツセクショニングを理解しよう
(01:42)
コンテンツセクショニングについて
header
footer
nav
section
article
aside
未完了
#27 header、footer、nav、sectionを使ってみよう
(02:37)
header
footer
nav
section
未完了
#28 article、asideを使ってみよう
(02:43)
article
footer
aside
未完了
#29 実体参照とpreを使ってみよう
(02:52)
実体参照
pre
未完了
#30 div、spanを使ってみよう
(02:25)
div
span
未完了
リリース情報(note)
『HTML/CSS基礎文法入門』を追加しました
詳細情報
最終更新日
2018年5月31日
バージョン情報
HTML5