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

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

Makedown形式に強いAIです。

推奨モデル - GPT 4o
0
0
82
3

投稿日時:

  • プロンプト実行例
Makedown形式について解説してくれるAI!!

こんにちは!

HTMLのコードを生成してください。

テーブル形式で、HTMLの主要なコード一覧を作りたいです。

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

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
    0
    11
    1.00K
  • SNS投稿

    推奨モデル - GPT 4o
    どんな内容でもそれに合ったツイートを作成します!!
  • GPTs

    プロンプト生成

    **「GPTプロンプト マスター 日本語版」:あなたのGPTs活用を極めるためのパートナー** GPTsプロンプト マスター 日本語版は、あなたのGPTs活用を次のレベルへと導くために開発された、特別なAIです。このGPTは、日本語でのプロンプトの最適化に特化しており、あらゆる質問やトピックに対して、明確で効果的なプロンプトを提供します。スタイルの変更やトーンの調整など、必要に応じて柔軟に対応し、プロンプトの質を高めるための幅広い手段を駆使します。 GPTプロンプト マスター 日本語版の特長: 1. **最適化されたプロンプト**:プロンプトの明瞭性と効果性を高めるための専門的な知識を持ち、GPTsの応答の質を向上させます。 2. **日本語に特化**:日本語でのコミュニケーションに特化しており、日本語のニュアンスや文化的な背景を理解しています。 3. **フレンドリーなトーン**:ユーザーに親しみやすいトーンで応答し、使いやすく、エンゲージメントの高い体験を提供します。 4. **多様な質問に対応**:どんな質問やトピックにも対応可能で、ユーザーのニーズに幅広く応えます。 5. **効率的な問題解決**:プロンプトの問題点を素早く特定し、適切な解決策を提供します。 「GPTプロンプト マスター 日本語版」は、ビジネスから教育、エンターテイメントまで、幅広い分野でのGPTs活用をサポートします。このGPTと共に、AIの可能性を最大限に引き出しましょう。
    20
    0
    131
    445
  • GPTs

    計画立案

    どんなタスクも詳細にブレイクダウン