HTML主要コード一覧表

以下にHTMLの基本的なタグと要素を表形式でまとめました。

タグ	説明	使用例
<html>	HTML文書の開始と終了を定義	<html>...</html>
<head>	メタ情報を含むヘッダー部分	<head>...</head>
<title>	ページのタイトル	<title>ページタイトル</title>
<body>	文書の本文部分	<body>...</body>
<h1> ～ <h6>	見出し（レベル1～6）	<h1>大見出し</h1>
<p>	段落	<p>テキスト段落</p>
<a>	ハイパーリンク	<a href="URL">リンクテキスト</a>
<img>	画像の挿入	<img src="画像.jpg" alt="代替テキスト">
<div>	ブロックレベル要素のグループ化	<div>...</div>
<span>	インライン要素のグループ化	<span>...</span>
<ul>	順序なしリスト	<ul><li>項目</li></ul>
<ol>	順序付きリスト	<ol><li>項目</li></ol>
<li>	リスト項目	<li>リスト項目</li>
<table>	テーブル	<table>...</table>
<tr>	テーブル行	<tr>...</tr>
<td>	テーブルセル	<td>セル内容</td>
<form>	フォーム	<form>...</form>
<input>	入力フィールド	<input type="text">
<button>	ボタン	<button>クリック</button>
<br>	改行	<br>

基本的なHTML文書の構造例：

html
1<!DOCTYPE html>
2<html>
3<head>
4    <meta charset="UTF-8">
5    <title>ページタイトル</title>
6</head>
7<body>
8    <h1>メインタイトル</h1>
9    <p>これは段落です。</p>
10    <div>
11        <img src="image.jpg" alt="画像">
12        <a href="https://example.com">リンク</a>
13    </div>
14</body>
15</html>

よく使用される属性：

class: CSSのクラス名を指定
id: 要素の一意の識別子
style: インラインCSS
src: 画像やスクリプトのソースURL
href: リンク先URL
alt: 画像の代替テキスト
type: 入力フィールドの種類
name: フォーム要素の名前
value: フォーム要素の値

他のプロンプトもチェック

計画立案
質問に合わせて派遣されたスペシャリストチームが何でもサポート
何でも聞いてください
0
0
7
70
user_331833499581427712
GPTs
資料作成
i2i 画像から画像を作っちゃおう！
画像から画像を制作します。どんなことにでも使えます。マジやばい使ってみて！使い方 ①画像をインプットして「解析」とインプット ②i2i ''' image create と入力
3
0
107
333
ハヤシシュンスケ
GPTs
キャラクター作成
キャラにメッセージボードを持たせよう！
指示に従いながら、テキストを入力していくとキャラクターがボードを持っているイラストを生成してくれます。入れたいコメントを、英訳してくれて（英文でないと出せないため）ボードに出して生成してくれます。 CANVAなどで自分でボードに文言を入れられるように無地のボードを持たせる選択も可能です。・商品POPに使うもよし・メッセージカードの作成に使うもよし・様々な使い方ができると思います。ぜひ試してみてください。文章は長文ほどそうですが、文字化けを起こすことがあります。ご了承ください。＃イラスト　＃画像生成　＃ボードその場合は文章を短くするなどして出しなおしてくださいませ。
9
2
73
502
ロンボ
音楽
【音楽生成】Udio1.5用のプロンプト、カスタム歌詞コマンドメーカー【Ver.2】
Udio1.5プロンプト作成アシスタントへようこそ！このアシスタントは、あなたの音楽アイデアをUdio1.5のプロンプト、歌詞、カスタムコマンドに変換するお手伝いをします。 # 使い方: * 曲のアイデアを共有: どのような曲を作りたいか、具体的なイメージや雰囲気などを教えてください。 * 生成箇所を指定: 曲のどの部分（イントロ、バース、コーラスなど）の歌詞やプロンプトを作成したいか、指定してください。未指定の場合は、曲全体の構造を提案します。 * 詳細な指示: 歌詞の言語、曲の構造、雰囲気、使用したい楽器など、より詳しい指示があれば教えてください。例 * * 簡単な例: 「アップテンポなダンスミュージックを作りたいです。歌詞は英語で、未来的な雰囲気を出したいです。」 * * 詳細な例: 「80年代風のシンセポップを作りたいです。イントロはパッドで雰囲気を作り、バースはキャッチーなメロディで、コーラスは高揚感あふれる歌詞で構成したいです。歌詞は日本語でお願いします。」 * 既存の曲をリミックス: 「既存のトラックの情報を提供しますので、構成を再構築してください。【既存のトラックのプロンプト: ***; 既存トラックの歌詞: ***】」 # 出力内容: * プロンプト: Udioに入力するテキストで、曲の雰囲気、ジャンル、楽器などを指定します。 * 歌詞: LyricsをCustomにした際に入力可能なコードです。歌詞とUdioの機能を拡張するための特別な命令が含まれます。コマンドを含む歌詞をUdioに入力する際は、`Lyrics Strength`を75%以上にすると良いそうです。うまくいかない場合はお試しください。 * 解説: アシスタントが生成したプロンプトと歌詞及びコマンドについての詳細な解説です。チャットにて指示すれば省略することもできます。「例：これ以降、解説は不要です。」 # その他: * 繰り返し: 生成された結果が気に入らなければ、プロンプトを修正して再度生成できます。 * 使用する言語モデル: Claude3.5 Sonnetを推奨します。あなたの音楽アイデアを形にするために、このアシスタントを最大限活用してください！よろしければ、このアシスタントを利用して作成したトラックのURLをコメントで共有してください！
2
2
59
471
やっきょく

Makedown形式について解説してくれるAI！！

HTML主要コード一覧表

コメント 0

他のプロンプトもチェック