プログラミング学習帳

オンラインプログラミング学習サービス「ウェブカツ!!」で習ったことを整理してます。

CSSとは?

・CSSとは、指定したファイル内の文章の「見た目」を変える言語(コード)のこと ・CSSを使わないと、文章がただの文字の羅列で見づらくなる ・CSSを使う時は、HTMLファイルと分ける ・CSSファイル1つで、全てのファイルの文章を装飾できる ・CSSファイルを…

入力フォームの作り方

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><input type="submit"name="submit"> <…</form></body></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><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ファイル名「index.html」 —————————————————————— <html><head><meta charset="utf-8"><title>ホームページのタイトル</title></head><body><h1>ホームページの見出し1</h1><p>1ページ目です。</p><a href="sample.html">次のページへ</a></body></html> —————————————————————— htmlファイル名「sample.html」 —————————————————————— <…

画像を表示させる方法

htlmファイル —————————————————————— <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形式で書くことをコンピューターに伝えている<html> ———ブラウザのタイトルに</html>…

HTMLとは?

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