ドキュメント : HTML
-
【HTML】audioタグ - 音声データ
HTMLのaudioタグをご紹介します。audioタグaudioタグは音声データを埋め込みます。基本構文<audio src="音声データパス"></audio>属性主な属性をご紹介します。属性名必須内容src●音声データパスautoplay-再生可能な状態になったら自動再生controls-コントロール表示loop-ループmuted-ミュートサンプルコード
-
【HTML】videoタグ - 映像データ
HTMLのvideoタグをご紹介します。videoタグvideoタグは映像データ(動画)を埋め込みます。基本構文<video src="映像データパス"></video>属性主な属性をご紹介します。属性名必須内容src●映像データパスautoplay-再生可能な状態になったら自動再生controls-コントロール表示loop-ループmuted-ミュートサンプルコードコントロ
-
【HTML】embedタグ - 外部データ
HTMLのembedタグをご紹介します。embedタグembedタグは外部データを埋め込みます基本構文<embed src="データパス">属性主な属性をご紹介します。属性名必須内容src●データパスtype-データタイプサンプルコード映像データ埋め込み<embed src="/storage/app/media/video/wave.mp4">データタイプ<embe
-
-
【HTML】figure - コンテンツのまとまり
HTMLのfigureタグをご紹介します。figureタグfigureタグは画像や動画、コードなどのコンテンツのまとまりをマークアップします。基本構文<figure> コンテンツ要素(imgやaudio、videoなど) <figcaption>見出しや説明</figcaption></figure>figure要素内のコンテンツに見出し
-
【HTML】inputタグ - 入力
HTMLのinputタグをご紹介します。inputタグinputタグはユーザーからの入力項目です。テキストや数値など様々な形式で入力できます。基本構文<input name="データ名" type="入力タイプ" value="値">データ名name属性の値は入力データの名称を指定します。一般的にinput要素の入力データはプログラムで処理します。 入力データは複数個ある可能性があるた
-
-
-
【HTML】textareaタグ - テキスト入力
HTMLのtextareaタグをご紹介します。textareaタグtextareaタグは複数行(改行を含む)の入力項目です。基本構文<textarea name="データ名" rows="行数" cols="列数"><textarea>属性主な属性をご紹介します。属性名必須内容name-データ名rows-行数cols-列数サンプルコード<textarea name="
-
【HTML】selectタグ - セレクトボックス(選択式入力)
HTMLのselectタグをご紹介します。selectタグselectタグはセレクトボックス(選択式の入力項目)です。基本構文<select name="データ名"> <option value="値">選択名</option> <option value="値">選択名</option> <option valu
-
【HTML】optgroupタグ - 選択項目のグループ化
HTMLのoptgroupタグをご紹介します。optgroupタグoptgroupタグはselect要素の選択肢をグループ化します。基本構文<select name="データ名"> <optgroup label="グループ名"> <option value="値">選択名</option> <option v
-
-
【HTML】buttonタグ - ボタン
HTMLのbuttonタグをご紹介します。buttonタグbuttonタグはボタンです。基本構文<button type="タイプ">テキスト</button>属性主な属性をご紹介します。属性名必須内容type-動作タイプbutton: 動作はありません。submit: input要素のtype="submit"に同様です。サンプルコード<button type="b
-
【HTML】labelタグ - 入力項目の見出し
HTMLのlabelタグをご紹介します。labelタグlabelタグは入力項目の見出しをマークアップします。基本構文<label for="id属性値">テキスト</label>属性主な属性をご紹介します。属性名必須内容for-id属性値サンプルコード入力項目の見出し<label>検索</label><input name="keyword"