- プロンプト実行例

こんにちは!

HTMLのコードを生成してください。
テーブル形式で、HTMLの主要なコード一覧を作りたいです。

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文書の構造例:
html1<!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
他のプロンプトもチェック
ロールプレイ
推奨モデル - GPT 4o会社を買収するシュミレーションです。 ※実在する人物や団体とは関係ありません00451メール作成
推奨モデル - GPT 4o英語でなんと言ったらいいか分からなくても、思いついた単語を入力するだけで言いたい内容を類推して英文を生成してくれます。日本語も受け付けるので、思い浮かんだフレーズを入れて見てください。10132GPTs
SNS投稿
このGPTsは、テーマを入力するとX(旧Twitter)用のポストを生成してくれます。 簡単に同じテーマで1ヶ月分のポストも生成出来るような仕組みとなっていて、基本的には、ユーザーが「へー!そうなんだぁ🤔」と驚く内容のポストをエビデンスベースで生成します。 例えば、「子育て」と入力すると、 ・自然の中で過ごす時間が、子どもの創造性と問題解決能力を養うことが分かっています。週末は公園や森でのアクティビティを計画して、子どもの好奇心を刺激しましょう! ・親子で読書をすることが、子どもの語彙力と集中力を高める鍵。教育専門家によると、この習慣は学業成績の向上にもつながるそうです。読書を楽しむ時間を作りましょう! 「健康」と入力すると、 ・瞑想やヨガはストレス軽減に効果的。たった5分の瞑想でも心の平穏を取り戻し、日々の生活の質を高めることができます。今日から瞑想を始めてみませんか? ・スクリーンタイムの削減は、目の健康と睡眠の質を向上させます。1日に1時間のデジタルデトックスを設けて、読書や散歩などの活動に時間を使いましょう! などの文章を生成します。 是非、生成したいポストのテーマを入力してみてください。50247704要約
推奨モデル - GPT 4o葬送のフリーレンのフリーレンとフェルンが契約書等の法的文書を分かりやすく解説してくれます。全体像の理解にかなり役立つと思います。 ※こちらでプロンプト実行する際は、コピペでお願いします。 #業務効率化 #要約 #文書生成 #生成AI003125