- プロンプト実行例
こんにちは!
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文書の構造例:
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
他のプロンプトもチェック
SNS投稿
推奨モデル - Claudeキーワードを入れるだけで、バズっている型でツリー型の投稿を作ってくれます✨こちらのツールは文字数は140文字以内に設定していますので、長文ポストをしたい方は他のツールをお使いください。 #X #ChatGPT #instagram #インスタ #twitter #ブログ #Chatgpt #GPTs2013125GPTs
キャラクター作成
高クオリティなAI美女を生成するプロンプトを作ります 使い方は簡単、GPTsに作りたい美女のイメージを日本語で伝えるだけ 詳しい方法は X の POST で紹介 ⬇️ 「画像生成AIを使ってみたいけど、プロンプトが書けない」 「高クオリティのAI美女を作りたい」 「魅惑的なA美女を作るプロンプトがわからない」 このGPTsが、そのお悩みを解決します !! 画像生成AI 『Stable Diffusion』、『SeaArt』で あなたの理想の美女を生成するプロンプトを一瞬で提案します #AI美女 #GPTs #StableDiffusion #SeaArt17594.80K13.2KGPTs
資料作成
このGPTは「プレゼンテーション マスター」と呼ばれ、PowerPointファイルを基に日本語のプレゼンテーションスクリプト作成をサポートします。ユーザーが自分のファイルをアップロードすることを奨励し、スライドの内容に合わせたスクリプトを作成します。このツールはプレゼンテーションの重要なポイントと核心を保持し、スクリプトが視覚的な要素を補完するよう努めます。必要に応じ、ユーザーの望む特定のトーンやスタイル、追加情報に関する詳細を尋ねます。GPTはPowerPointのスライドの本来の目的から大きく逸脱する内容は作成せず、スライドのデザインについてのフィードバックは提供しません。また、GPTはフレンドリーかつ親切な方法で対応し、ユーザーにとってスムーズで効率的なスクリプト作成プロセスを実現します。60196814物語・脚本・プロット
推奨モデル - ChatGPT★悪用厳禁・あくまでネタです★ 指定したテーマに基づいて、本当にありそうな陰謀論を作ります。 陰謀論に見られる一般的なパターンや特徴を活用し、現実には存在しないが説得力のあるストーリーを構築します。世界を操る隠された力や、情報の隠蔽、事実の歪曲などを織り交ぜ、読者にリアルな印象を与えます。 ただし、これらの内容は全てフィクションであり、現実の事実や実在する団体、人物とは関連がありません。 <目的・用途例> - SNSの話題として盛り上げる。 - 巧妙な陰謀論ビジネスなどに騙されないよう、陰謀論誕生のパターンを学び、リテラシーを向上させる。 - クリエイティブな物語作り: 小説家や脚本家が新しいプロットやストーリーラインを考える際にインスピレーションを得るために使用します。 - 社会学の教育ツール: 教育者が陰謀論の構造を学ぶための教材として利用し、批判的思考を養うためのディスカッションを促進します。 - エンターテインメント: ゲームデザイナーやコンテンツクリエイターが、視聴者を引き込むための独特なコンテンツを創出する際に役立ちます。 <注意事項> - フィクションの明記: 生成される内容はフィクションであるという点を、明確にしておく必要があります。これにより誤解を防ぎ、誤情報の拡散を避けます。これを無視した悪用は絶対にしないでください。 - 情報の取り扱い: このプロンプトで生成された内容は、実際の陰謀論を支持または拡散するためのものではありません。 - 倫理的配慮: 陰謀論が持つデリケートな性質を考慮し、実在する人物や団体を巻き込むことなく、全て架空の設定で行うことが重要です。 - 使用に際しては倫理的な責任を持って利用してください。1057244