2023-07-01から1ヶ月間の記事一覧

検索機能

コメント数の表示ブログ書いた人の表示chatGPTの説明 JavaScriptの良さ <html> <head> <title>入力フォーム</title> </head> <body> <input type="text" id="user_name" placeholder="著者名"> <button onclick="user_nameCheck();">検索</button> <br> <br> <input type="text" id="title" placeholder="タイトル名"> </body></html>

&

&

cookie chatGPT

login.html <html lang="ja"> <head> <meta charset="UTF-8"> <title>ブログサイト - ログイン</title> </head> <body> <h1>ログイン</h1> <form id="login-form"> <label for="username">ユーザー名:</label> <input type="text" id="username" name="username" required> <br> <label for="password">パスワード:</label> </form></body></html>

トップページ

blogtop.html <html lang="ja"> <head> <meta charset="utf-8" /> <title>いしたなBlog</title> <link href="blogtop.css" rel="stylesheet" /> </head> <body> <header class="header"> <div class="blog-logo"> <img alt="いしたなBlogロゴ" id="site-top" src="blog-logo.png" width="500" height="100" /> </div>…</header></body></html>

CSS

@charset "utf-8"; 先頭に書いて文字化けを防ぐ <link href="CSSへのパスを指定" rel="stylesheet" /> HTMLファイルがCSSを読み込むように、head要素内にlinkタグ追加、href属性にCSSファイルのパスを、rel属性にstylesheetを指定 body { background-color: #ffcdf9; font-size: 18px; } ・セレクタ(body) スタ</link>…

HTML

開始タグと終了タグがあり、タグで囲まれたテキストを含めてひとまとまり要素(Element)と呼ぶ DCYTYPE宣言 <html></html> html要素 <head></head> head要素 <body></body> body要素 <meta charset="utf-8" /> 文字コード指定 <title></title> ページタイトルの設定 <h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6> 6ランクの見出しのタグ <p></p> 段落を形成 <ol> <li>項目a</li></ol></meta>

GPT君が書いたコード

HTMLとJavaScriptを統合してC言語に埋め込む #include <stdio.h> int main() { printf("HTTP/1.1 200 OK\r\n"); printf("Content-Type: text/html\r\n\r\n"); printf("<html>\n"); printf("<head>\n"); printf("<title>Hello, World!</title>\n"); printf("<script>\n"); printf("alert('Hello from JavaS</head></html></stdio.h>…

JavaScript

console.log(i + '枚') Pythonのような感じで変数と文字列を連結可 console.dir() console.error() クラス.メソッド <script> 'user strict'; </script> <script>タグは<head>~</head>内や<body>~</body>内に 'user strict'は互換性を保ち新しいJavaScriptを実行するモード JavaScript</script>…