Webページの文字（テキスト）は、CSSで自由にデザインを調整できます。 フォントサイズ（大きさ）・フォントファミリー（種類）・フォントウェイト（太さ） の3つを今回は学んでいきましょう。 この記事では、これらのプロパテ…
CSSで文字を装飾！フォントサイズ・フォントファミリー・太さを学ぶ
2025年2月
CSSの仕組みを理解しよう！セレクタ・プロパティ・値の基本
CSSを使うと、HTMLで作ったページの見た目を自由に変更できます。 この時CSSでは「HTMLのどこに」「どんな指示を」「どんな内容」で指定するかを決める必要があります。 それぞれ、セレクタ・プロパティ・値 という仕組…
CSSとは？HTMLをおしゃれにカスタマイズしよう
CSSを使うと、HTMLで作ったページの見た目を自由にカスタマイズできます。 文字の色を変えたり、レイアウトを整えたり、デザインの幅が広がります。 このレッスンでは、基本的なCSSの書き方を学び、簡単なスタイルを設定して…
【2025年最新の実体験】未経験ITエンジニア転職という闇。
現在29歳の私は、2025年に未経験でITエンジニアに転職しました。 それまで事務でしか働いたことのない状態から、約1年かけてエンジニアになったのですが、そこでさまざまなことを経験しました。 もしあなたが、これから未経験…
HTML実践編③ お問い合わせフォームを作ってみよう！
今回は、HTMLだけを使って「簡単なお問い合わせフォーム」を作ってみましょう。 この実践を通じて、入力フォームの基本的な作り方を学ぶことができます。 今回学べるタグ <form>：フォーム全体をまとめるタグ …
HTML実践編② スペック表を作ってみよう！
今回は、HTMLだけを使って「シンプルな商品紹介ページ」を作ってみましょう。 この実践を通じて、商品の情報を整理するためのタグや、見やすいレイアウトを作る方法を学べます。 今回学べるHTMLタグ <h1>：ペ…
HTML実践編① シンプルプロフィールを作ってみよう！
今回は、HTMLだけを使って「シンプルなプロフィールページ」を作ってみましょう。 この実践を通じて、以下のタグを学ぶことができます。 <h1>, <h2>：見出しを表示するタグ <p>…
HTMLで簡単にボタンを作る方法！初心者でもすぐにできる基本ガイド
今回は、初心者の方でも安心してボタン作成の基本を理解できるよう、わかりやすく解説します。 この記事を読み終わるころには、自分でボタンを作って表示することができるようになりますよ！ ボタンを作るための基本タグ HTMLでは…
HTMLコメントの基本と活用法！コードをもっとわかりやすくするメモ術
今回は、HTMLの「コメント」について解説します。 そもそもコメントとは何かから、必要性、書き方まで全部解説します。 そもそもコメントって何？ HTMLの「コメント」は、画面には表示されない、プログラマー用のメモのような…
HTMLフォームの基本から応用までわかる完全マニュアル
Webサイトでユーザーから情報を集めたいときに欠かせないのが「フォーム」です。 この記事では、超初心者向けにフォームの作り方をやさしく解説します！ そもそもフォームとは？ フォームとは、ユーザーが情報を入力して送信するた…