HTMLとCSSの旅(8)

HTMLのいろいろな要素を取り扱おう(2) ブログを書く前に色々HTMLについてしらべていたのですが、CSSの方がHTMLでいう要素みたいなものがたくさんあったので、このブログでHTMLの要素について終わらせたいと思います。そしてCSSもやってPythonでWebアプリを作…

HTMLとCSSの旅(7)

HTMLのいろいろな要素を取り扱おう(1) 今までのブログで基礎中の基礎を抑えたと思うので、何をしようか迷いました。 ヘッダーとかのレイアウトをやろうかなとも思ったのですが、HTMLのいろいろな要素を使ってみたいという自分の一心で、これに決まりました笑…

HTMLとCSSの旅(6)

背景の色を変えてみる 早速コードみていきましょう! HTML <p>テキスト</p> CSS p { background-color: green; } これを実行すると. . . テキスト と背景に色がつきました。 「background-color: 色;」と指定すればできます。もう簡単ですね笑 横幅と高さを変えてみ…

HTMLとCSSの旅(5)

文字の大きさを変えてみる 前回はテキストに色をつける方法を紹介しました。 次は、文字の大きさを変えてみようと思います。 次のコードをみてください。 HTML <p>テキスト</p> CSS p { font-size: 10px; } これを実行すると. . . テキスト こんな風に大きさを変え…

HTMLとCSSの旅(4)

CSSに触れてみよう 今まで書いてきたブログは全部HTMLの話でした。 ですので今回は基礎中の基礎ですがCSSに触れていきたいと思います。 実際にこのブログもまだCSSを使って書いていないです。 文字の色を変える CSSは基盤となるHTMLに付け足す形で使うため、…

HTMLとCSSの旅(3)

リンクを作ってみる 皆さん、ネットで探し物している時とかに、よくリンクになっているテキストみかけますよね。 今回はそれを作ってみようと思います <a href="URL">テキスト</a> これだけです。実際に前のブログに飛んでみましょう 前のブログ どうでしたか。ちゃんと前のブ…

HTMLとCSSの旅(2)

見出しと段落 まずは初歩の段落の作り方からです。 つぎのコードを見てください。 <h1>ここに文章</h1> 見出しはこれだけです。<h1>が一番大きく、<h6>が一番小さいです。 最後の</h1>のスラッシュを忘れてはいけません。 つぎは段落です。 <p>ここに文章</p> たったこれだけです。 これも…

HTMLとCSSの旅(1)

HTMLとCSSについて これから勉強していこうとするHTMLとCSSとはそもそも何なのだろうか。 勉強するにあたって知るべきことですね 簡単に説明するとHTMLとCSSはwebページを作成するのに用いる言語です。 実際にこのブログもHTMLとCSSを使って書いています。 …

ブログの始まり

はじめに こんにちは、こんばんは。どうもはるすぎです。 自分の趣味などを適当に気分で書いていきたいと思っています。 これからよろしくお願いします きっかけ 今回始めたきっかけは主にHTMLとCSSの勉強のためです。 いろいろな方法で勉強しようと試みまし…