HTML/CSS
どうもhiroakiです。 今回は、印刷時のフォントサイズを変更する方法についてです。 文字サイズの拡大コピーって、用紙サイズからはみ出た右側が見切れてしまうことが多くて困りますよね。。これは地味に勝手が悪い。 そこで、「５秒でできる簡単な方法」が…
どうもhiroakiです。 今回はWebデザインの基礎についてです。最近、プログラミングの勉強としてpaizaラーニングに登録しましたので、学んだことをまとめていきたいと思います。 paiza.jp なぜ WEBデザインを学ばなければならないのか ウェブデザインについて…
どうもhiroakiです。 今回はウェブページを作るうえで大切な、HTML言語とCSS言語の上級編についてまとめていきます。ここまでできるようになると、初心者を抜けられます。実践編と合わせて、必要な知識をまとめていきますので、頑張りましょう。 hiroakies.h…
HTML5／CSS3について 【学習用】 ▼基礎編 ▼中級編 ▼上級編 ▼実践編 SaaSについて WEBデザインについて Rubyについて 【学習用】 ▼基礎編 ▼Ruby on Rails編 Pythonについて ▼Flask編 ▼Django編
どうもです。 最近、HTMLとCSSについてばかり挙げてます。 以前までで基礎編は大体終わりです。これからは実践編に入っていきます。実践編では以前学んだ基礎的な知識を使いつつ、実際に何か作っていきます。なので、もし分からなくなれば巻き戻って復習して…
どうもです。 これまでで基礎編は大体終わりです。これからは実践編に入っていきます。実践編では以前学んだ基礎的な知識を使いつつ、実際に何か作っていきます。なので、もし分からなくなれば巻き戻って復習してみてください。質問等も気軽にくださればお答…
どうも。 今回は、はてなブログでCSSを設定した場合の不具合についてです。 下の記事で書きましたが、前回CSSを設定した場合に次のような不具合が起こってました。前回の状態を見てもらうと、そのおかしさが分かるかと思います。hiroakies.hatenablog.com そ…
どうもhiroakiです。 今回は前回に続き、ウェブページを作るうえで大切な、HTML言語とCSS言語の中級編についてまとめていきます。説明の部分が多くなりますが、実際にコードを打ちながら試すことが大切です。最後のレッスンです。頑張りましょう。 hiroakies…
どうもhiroakiです。 今回は前回に続き、ウェブページを作るうえで大切な、HTML言語とCSS言語の中級編についてまとめていきます。説明の部分が多くなりますが、実際にコードを打ちながら試すことが大切です。 hiroakies.hatenablog.com で、前回までに色々と…
どうも。 最近、HTML／CSS中級編についてまとめてます。色々と調べものをしていて分かったことがありますので、まとめます。 今回は、はてなブログでCSSを設定した場合の不具合についてです。 さて先日、以下の記事を書きました。最後の方で書きましたが、CS…
どうもhiroakiです。 今回は前回に続き、ウェブページを作るうえで大切な、HTML言語とCSS言語の中級編についてまとめていきます。説明の部分が多くなりますが、実際にコードを打ちながら試すことが大切です。 hiroakies.hatenablog.com Lesson9 次はemについ…
どうもhiroakiです。 今回は前回に続き、ウェブページを作るうえで大切な、HTML言語とCSS言語の中級編についてまとめていきます。中級編では基礎編より、少し踏み込んで説明していきます。説明の部分が多くなりますが、実際にコードを打ちながら試すことが大…
どうもhiroakiです。 今回は前回に続き、ウェブページを作るうえで大切な、HTML言語とCSS言語の中級編についてまとめていきます。中級編では基礎編より、少し踏み込んで説明していきます。説明の部分が多くなりますが、実際にコードを打ちながら試すことが大…
今回はWEBページに表（table）を追加する方法を紹介します。
気ままに趣味旅行 面白いコト「拡がる／拡げる」 日常を楽しく生きよう 案内 中華そば青葉 レナードの朝 トムくん 漂流家族 お問い合わせ メールアドレス（必須） お問い合わせ内容（必須） ※必須項目は必ずご入力ください
どうもhiroakiです。 今回は前回に続き、ウェブページを作るうえで大切な、HTML言語とCSS言語の基礎についてまとめていきます。 hiroakies.hatenablog.com Lesson11 最後に、お問い合わせフォームを作っていきます。 完成イメージ <div class="contact-form"> <h3 class="section-title">お問い合わせ</h3> <p>メールアド</p></div>…
どうもhiroakiです。 今回は前回に続き、ウェブページを作るうえで大切な、HTML5/CSS3の基礎についてまとめていきます。 hiroakies.hatenablog.com Lesson8 前回に続きヘッダ部分を変えてみましょう。 完成イメージ <-! ヘッダ部分 --> <div class="header"> <div class="header-logo">気ままに趣味旅行</div> <div class="header-list"> <ul> <li></li></ul></div></div>…
どうもhiroakiです。 今回は前回に続き、ウェブページを作るうえで大切な、HTML言語とCSS言語の基礎についてまとめていきます。 hiroakies.hatenablog.com Lesson5 HTMLファイルには決められた型を書いていく必要があります。下記のように<html>要素の中に<head>と<body>要素が</body></head></html>…
どうもhiroakiです。 今回は前回に続き、ウェブページを作るうえで大切な、HTML言語とCSS言語の基礎についてまとめていきます。 hiroakies.hatenablog.com Lesson4 リストを作るには、<li>要素を<ul>や<ol>要素で囲む必要があります。このように要素を要素で囲むことを入</ol></ul></li>…
どうもhiroakiです。 今回はウェブページを作るうえで大切な、HTML言語とCSS言語の基礎についてまとめていきます。学習編になっていますので、ひと通りやることで身につくものにしたいと思います。不明点などあればググるかコメントください。 HTML５ まずは…
今回はWEBページに表（table）を追加する方法を紹介します。
どうもhiroakiです。 今回はWEBページの文字の背景色を設定する方法を紹介します。 ここではHTML言語を使用します。 ※はてなブログで書く場合を想定しますので、CSSは用いません。 さて先日、下記の記事を書きました。 hiroakies.hatenablog.com この記事中…
