2019-03-26から1日間の記事一覧

入力フォームの作り方

htmlファイル ============== <html> <head> <meta charset="utf-8"> <title>ホームページのタイトル</title> </head> <body> <h1>ホームページの見出し</h1> <p>最初のホームページが完成しました!</p> <form> E-mail<br> <input type="text" name="email"><br> Password<br> <input type="text" name="pass"><br> </form></body></html>

リストの作り方

htmlファイル ============ <html> <head> <meta charset="utf-8"> <title>ホームページのタイトル</title> </head> <body> <h1>ホームページの見出し</h1> <p>最初のホームページが完成しました!</p> <ul> <li>1つ目</li> <li>2つ目</li> </ul> </body> </html> ============ 解説 ・リスト作成には「ul」「li」タグを使う ・「li」タグ1つで1リスト分作る ・リストはホームページの…

表の作り方

htmlファイル ============ <html> <head> <meta charset="utf-8"> <title>ホームページのタイトル</title> </head> <body> <h1>ホームページの見出し</h1> <p>最初のホームページが完成しました!</p> <table border="1"> <tr><td>エコノミーコース</td><td>200円</td></tr> <tr><td>スタンダードコース</td><td>800円</td></tr> </table> <table border="1"> <tr><td>エコ…</td></tr></table></body></html>

画像の表示のさせ方

htmlファイル ============ <html> <head> <meta charset="utf-8"> <title>ホームページのタイトル</title> </head> <body> <h1>ホームページの見出し</h1> <p>最初のホームページが完成しました!</p> <img src="sample.jpg" alt="花の写真"> </body> </html> =========== 解説 ・画像表示に使うコード ⇨<img src="ファイル名" alt="写真の名前(任意)"> ・「img」⇨画像を指す ・「""」⇨パス(場所を指…

HTMLの書き方

htmlファイル ------------------- <html><head><meta charset="utf-8"><title>ホームページのタイトル</title></head><body><h1>ホームページの見出し</h1><p>最初のホームページが完成しました!!</p></body></html> ------------------- <解説> ============ ⇨HTML形式で書くことをPCに宣言している <html> ============ブラウザのタイトルに表示されるコ</html>…

HTMLとは

・「HyperText Markup Language」の略 ・ホームページを作成するために開発された言語 ・文章に目印をつける→例 「見出し」「小見出し」「内容」 ・目印をつけるからMarkup(マークアップ)言語と呼ばれる ・文章に目印として付ける記号を「HTMLタグ」という