2022/02/23 学習開始!

HTML・CSS基礎⑤便利タグ

HTMLでのファイル指定についての記事はこちら

便利タグについて

audioタグ

音声データ・音楽データなどを埋め込むためのタグのこと。

See the Pen Untitled by AIZAWA (@marumatosb) on CodePen.

controls

controlsを記述することで、再生ボタンや音量ボタンなどを表示できます。
controlsは、属性名を記述するだけでOKです。

videoタグ

動画を埋め込むためのタグのこと。

See the Pen Untitled by AIZAWA (@marumatosb) on CodePen.

controls

audioタグと同じく、controlsを記述することで、再生ボタンや音量ボタンなどを表示できます。
controlsは、属性名を記述するだけでOKです。

width、height

width属性、height属性を指定することで、埋め込んだ動画の縦横のサイズを指定できます。

 iframeタグ

webページに別のwebページを埋め込むタグです。
グーグルマップやYouTubeの動画などを埋め込む際に使用します。
埋め込みを許可しない設定をしているサイト以外は、URLを入力することで埋め込みが可能です。

See the Pen Untitled by AIZAWA (@marumatosb) on CodePen.

detailsタグ

クリックで表示・非表示を切り替えられる折り畳み機能を実装するタグ。
よくあるご質問(FAQ)など、質問をクリックすると回答を表示するなどに使用すると便利です。

See the Pen Untitled by AIZAWA (@marumatosb) on CodePen.

今日の積み上げ

  • HTML基礎

ブログランキング・にほんブログ村へ

この記事を書いた人
あいざわ

劇場を作ることを人生の目標に、プログラミング学習をはじめたデザイナー。

●学習したことをノート替わりにまとめたり
●学習ロードマップ・学習方法
●個人開発アプリの開発記録

などを残していきます。

あいざわをフォローする
HTML / CSS学習ログ
スポンサーリンク
あいざわをフォローする
スポンサーリンク
LOGBLO.
タイトルとURLをコピーしました