2022年11月

プログラミング
【videoタグ】HTMLで動画再生プレイヤーを使ってみよう!「HTML・解説・初心者向け」- ノブレコ

videoとは、ここで言うvideoとは、動画データを取り扱うことを指します。映像を表すための要素ですが、これらの総称として「メディア要素」と呼ばれることもあります。HTML文書の埋め込みコンテンツとして、HTML5から導入されました。対応状況に合わせた使い方が必要です。

続きを読む
プログラミング
【objectタグ】画像や音声などの外部リソースを汎用的に表してみよう!「HTML・解説・初心者向け」

objectとは、一般的にobject は「物」や「対象」といったことを意味する言葉ですが、このHTMLにおけるobjectの意味は、対象として「別の外部リソース」のことを指します。様々な外部リソースを汎用的に扱えて、使い方次第ではとても便利な要素です。

続きを読む
プログラミング
【iframeタグ】自分のHTMLページに別のwebコンテンツを埋め込んで表示させてみよう!

iframeとは、「inline frame(インラインフレーム)」の略で、HTML文書の中に、インラインのフレームを埋め込むためのタグです。インラインとは「そこに埋め込む」などの意味があり、フレームは「枠」という意味があります。直訳ですが、タグ名の通り、HTML文書に「埋め込む枠を作る」タグというと覚えやすいです。

続きを読む
プログラミング
【pictureタグ】環境に応じたレスポンシブ画像を使おう!「HTML・解説・初心者向け」- ノブレコ

pictureとは、画像をユーザーエージェントが最適化させて表示するためのタグです。このタグは言わば「箱(コンテナ)」で、srcset要素やimg要素などを子要素として入れて初めて機能するものです。picture要素に最適化させたいソースセットを入れることで、状況に応じた「レスポンシブ画像」を表示する役割を持ちます。

続きを読む
プログラミング
【imgタグ】HTMLに画像フォーマットを埋め込んでみよう!「HTML・解説・初心者向け」- ノブレコ

imgとは、「image(イメージ)」の略で、その名の通り「画像」をHTML文書に埋め込むためのタグです。埋め込む際にsrc属性を指定して、値にJPEG形式やGIF形式などのファイル形式で保存してある「ファイルの場所」「ファイル名」などを入れてブラウザ上に表示することができます。

続きを読む
プログラミング
【delタグ】文書のテキストを削除して編集してみよう!「HTML・解説・初心者向け」- ノブレコ

delとは、「delete(デリート)」の略で、「削除」の意味を持つタグです。削除を行いたいテキストをdelタグで囲むことで、そのテキスト内容が「打ち消し線」を伴って表示されるようになります。(ただしすべての環境で打ち消し線が付くわけではないので注意!)

続きを読む
プログラミング
【insタグ】文書にテキストを追加して編集してみよう!「HTML・解説・初心者向け」- ノブレコ

insとは、「insert(インサート)」の略で、挿入や追加の意味があります。HTMLでは、既存の文書に「新たに追加されたテキスト」を示すためのタグです。追加されたテキストは、下線が引かれてブラウザ上に表示されます。insとは反対の意味のタグで、削除を示すdelタグというものもあります。

続きを読む
プログラミング
【linkタグ】HTML文書と別の外部リソースを関連付けしよう!「HTML・解説・初心者向け」- ノブレコ

linkとは、このタグは、手元で記述しているHTML文書とは別に、外部リソースとリンクさせて関連付けをするためのタグです。主にタグは、メタデータコンテンツを記述する要素内で使用することが多いタグです。条件次第では要素でも使用することができます。

続きを読む