ドキュメント : Tag
-
【HTML】dataタグ - コンピュータの読み取り可能データ
HTMLのdataタグをご紹介します。dataタグdataタグはコンピュータが読み取り可能なデータを付与します。基本構文<data value="値">コンテンツ</data>属性主な属性をご紹介します。属性名必須内容data-データサンプルコード<div>商品</div><ul> <li><data value=
-
【HTML】timeタグ - 時刻
HTMLのtimeタグをご紹介します。timeタグtimeタグはコンピュータが読み取り可能な日時データを付与します。基本構文<time datetime="日時">コンテンツ</time> 属性主な属性をご紹介します。属性名必須内容datetime-日時データサンプルコード<time datetime="2024-01-15">2024年01月15日</t
-
【HTML】datalistタグ - データの選択
HTMLのdatalistタグをご紹介します。datalistタグdatalistタグは入力項目の選択肢定義をマークアップします。基本構文<datalist id=”ID”> <option>データ</option> <option>データ</option> <option>データ</option>
-
-
【HTML】detailタグ - 開閉式詳細
HTMLのdetailタグをご紹介します。detailタグdetailタグは開閉式の詳細コンテンツをマークアップします。基本構文 概要 詳細サンプルコード<details> <summary>HTML</summary> HTMLの正式名称はHyperText Markup Languageです。</details>
-
【HTML】styleタグ - スタイル(装飾)
HTMLのstyleタグをご紹介します。styleタグstyleタグはスタイル(装飾)コードをマークアップします。一般的にはスタイルはCSS(Cascading Style Sheets)で記述します。※ 本記事ではCSSについては解説しません。基本構文<style>スタイルコード</style>サンプルコード<style> h1 { col
-
-
-
【HTML】scriptタグ - スクリプト(プログラム)
HTMLのscriptタグをご紹介します。scriptタグscriiptタグはスクリプト(プログラム)のソースコードをマークアップします。一般的にブラウザで動作するJavaScriptで記述します。基本構文<script>ソースコード</script>属性主な属性をご紹介します。属性名必須内容type-スクリプトの種類src-外部スクリプトasync-非同期ダウンロードde
-
【HTML】templateタグ - テンプレート
HTMLのtemplateタグをご紹介します。templateタグtemplateタグはHTML構造のテンプレートをマークアップします。一般的にjavascriptでテンプレートを利用します。基本構文<template>コンテンツ</template>サンプルコード実行ボタンをクリックすると、JavaScriptでtemplate要素を複製し、表にデータを追加します。<
-
【HTML】canvasタグ - キャンバス
HTMLのcanvasタグをご紹介します。canvasタグcanvasタグはキャンバスを表します。キャンバスはグラフィックやアニメーションを描画することが可能です。基本構文<canvas>代替テキスト</canvas>サンプルコード<canvas id="board" width="300" height="300"> 青色の正方形</canvas>
-
-
【HTML】linkタグ - 外部リソースとの関係
HTMLのlinkタグをご紹介します。linkタグlinkタグは外部リソースの関連性をマークアップします。一般的にスタイルシート(装飾)や、サイトアイコン、サードパーティファイルの読み込みに使用します。基本構文<link rel="関連性" href="URL">属性主な属性をご紹介します。属性名必須内容rel-関連性href-外部リソースURLサンプルコードスタイルシート次のスタイル