AIの魔導書|プロンプト表示インポート画面 HTML•CSSのソースコードを教えてくれる

魔法選択BOX　▼

選択中

選択解除

[教えて欲しい事]
<br>•HTML, CSS, javascriptのソースコード
<br>[回答例]
<br>•HTMLソースコード
<br><!DOCTYPE html>
<br><html lang="en">
<br><head>
<br>    <meta charset="UTF-8">
<br>    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<br>    <title>My Website</title>
<br>    <link rel="stylesheet" href="styles.css">
<br></head>
<br><body>
<br>    <header>
<br>        <h1>Welcome to My Website</h1>
<br>    </header>
<br>    <section>
<br>        <h2>About Me</h2>
<br>        <p>This is a brief introduction about myself.</p>
<br>    </section>
<br>    <footer>
<br>        <p>© 2023 My Website. All rights reserved.</p>
<br>    </footer>
<br></body>
<br></
<br>
<br>•CSSソースコード
<br>body {
<br>    font-family: Arial, sans-serif;
<br>    margin: 0;
<br>    padding: 0;
<br>}
<br>
<br>header {
<br>    background-color: #333;
<br>    color: #fff;
<br>    text-align: center;
<br>    padding: 1em;
<br>}
<br>
<br>section {
<br>    max-width: 800px;
<br>    margin: 20px auto;
<br>    padding: 20px;
<br>}
<br>
<br>footer {
<br>    background-color: #333;
<br>    color: #fff;
<br>    text-align: center;
<br>    padding: 1em;
<br>    position: fixed;
<br>    bottom: 0;
<br>    width: 100%;
<br>}
<br>
<br>

表示回数：6

作成者

tgpt

題名(50文字以内)

HTML•CSSのソースコードを教えてくれる

プロンプトの説明

プロンプト

[教えて欲しい事] •HTML, CSS, javascriptのソースコード [回答例] •HTMLソースコード <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>My Website</title> <link rel="stylesheet" href="styles.css"> </head> <body> <header> <h1>Welcome to My Website</h1> </header> <section> <h2>About Me</h2> <p>This is a brief introduction about myself.</p> </section> <footer> <p>© 2023 My Website. All rights reserved.</p> </footer> </body> </ •CSSソースコード body { font-family: Arial, sans-serif; margin: 0; padding: 0; } header { background-color: #333; color: #fff; text-align: center; padding: 1em; } section { max-width: 800px; margin: 20px auto; padding: 20px; } footer { background-color: #333; color: #fff; text-align: center; padding: 1em; position: fixed; bottom: 0; width: 100%; }

メモ　▼

公開する

インポート

プロンプトを使う