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: フォーム要素の値

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

画像生成
キャラクター作成
推奨モデル - DALL•E 3
あなたに"スタンド能力"を授けます！ジョジョの奇妙な冒険 -スタンドの矢~
名前を入力するだけであなた専用のスタンドを授けます。画像内にはスタンド能力や能力チャートも一緒に生成されます。生成エラーが発生する場合は、もう一度「画像を生成する」をクリックしてください。
1
2
25
727
Yohei Morimoto ~AIを活用した動画制作・Dify開発~
音楽
【SunoAI】コピペでOK！歌詞・スタイル生成ツール - Ver.2.0
曲のイメージを入れるだけで、Suno AIのための歌詞を自動で作成します。歌詞の形式はSuno AIに対応しているので、コピーするだけですぐに使うことができます。タイトルやスタイルは歌詞に合わせて自動で作成してくれます。 ■Suno AI 公式サイト https://app.suno.ai/create/ #sunoai
8
0
102
811
Monji
物語・脚本・プロット
推奨モデル - Claude
🤣一発ギャグ生成ガチャ🤣 ～感涙レベル・予測不能の大爆笑～
一発ギャグ流行の法則を取り入れた爆笑ネタを提供します。ガチャとして宴会ゲームのネタにもなります。次に何が出てくるか分からないドキドキ感と共に、笑いを誘う一発ギャグを簡単に作り出せます。リズム感の良いフレーズ、視覚的な動作、そして意外性のあるユーモアを組み合わせて、あなたのオリジナルギャグを生み出しましょう。【特徴】リズム感抜群: 言葉の響きが心地よいフレーズを生成し、覚えやすさとインパクトを両立。視覚的要素を重視: ジェスチャーや表情を加えることで、より強い笑いを引き出します。意外性のユーモア: 非現実的な展開や予測不能の要素で、思わず笑ってしまうギャグを提供。簡単操作: 単語を入力するだけで、次々と新しいギャグが生成されます。【宴会やパーティーでの楽しみ方】宴会やパーティーでの余興としても最適です。参加者全員でガチャを回し、出てきたギャグをその場で披露することで、会場は爆笑の渦に包まれます。ランダムに生成されるギャグが、予測不能な展開を生み出し、思わぬ名作ギャグが誕生するかも！【こんな方におすすめ】一発ギャグでみんなを笑わせたい流行に敏感な笑いを作りたい宴会やパーティーで盛り上がるネタを探しているシンプルで覚えやすいギャグが欲しい
1
0
19
404
VEP
GPTs
SNS投稿
もう迷わない！インスタグラムの投稿ネタ【50個】考えます！
ターゲットとアカウントの発信内容を入れるだけで、ターゲットが持つ悩みから投稿内容を考えます！　これでもう投稿に悩む必要なし！　実は...🤫㊙️ 気に入った投稿内容が見つかったら「（タイトルをコピペ）この内容でインスタグラム用の投稿を考えてください」と入れると投稿内容も考えてくれるよ✨ まずは一度、試してみてね！！また使えるようにお気に入り登録♡してこれからのインスタ投稿にどんどん活用してください♪ #インスタグラム #投稿自動作成ツール
23
7
174
573
yuriko_k__ai

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

HTML主要コード一覧表

コメント 0

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