- 2023.12.15
CSSとは？メリットや基本的な書き方を解説【テンプレートあり】
CSSとは CSS（Cascading Style Sheets）とは、Webページをデザインやレイアウトを指定するスタイルシート言語です。CSSの主な役割としてはHTMLで配置した文字や画像、表といったコンテンツのデザインやレイアウトです。HTMLで作成したWebページの土台にデザインやレイアウトを定義します。CSSを使用することでWebページの見栄えをよくすることができます。 Webページのメ […]
鷺坂りな ＠TechMania編集部
- 2023.12.15
HTMLとは？【入門】CSSの違いやメリット、主要なタグを解説
HTMLとは HTMLとは「Hyper Text Markup Language」の略称でWebページにおける文書の論理構造や表示方法を記述するためのマークアップ言語を指します。HTMLはWeb技術の標準化を行う非営利団体「W3C」によって標準化されており、大抵のWebブラウザには標準でHTMLを扱える仕様になっています。 「ハイパーテキスト」は複数のテキストデータの関連付けを行う機能をもつ仕組み […]
- 2023.12.10
HTMLでよく使うタグ一覧！基本の使い方を解説
HTMLタグとは HTMLタグとは、マークアップ言語「HTML（HyperText Markup Language）」の要素名を「<」と「>」で括った部分を指します。テキスト文書にHTMLタグを記述することでテキスト文書の構造や表示方法といった制御情報を付帯します。HTMLタグをつけることで、コンピュータが文書構造を理解し、それに沿ってWebページを表示します。そのため、タグの組み合わ […]
- 2023.12.10
Webサイトの作り方【3分でわかる】手順と注意点
高い専門知識がなくてもだれでも手軽にWebサイトを制作できるようになりました。作成方法はいくつかありますが、完全に外注する場合を除いて一定の知識は必要になります。そこで、本記事ではWebサイト作成に必要な基礎知識から作成手段と実際の手順、作成後の注意点について解説します。 プログラミングの基礎からサイト制作まで↓実践力が身につくプログラミングスクール↓ ≫モニター割引キャンペーン実施中！≪ Web […]
- 2023.12.04
HTMLにCSSをstyleで直書きする方法をサンプルコードで解説
HTMLにCSSを直接書き込む方法 styleをHTMLファイルに書き込む方法には次の3種類があります。※3つ目は非推奨なので番外編として紹介します。 HTMLのstyleタグで直書きする方法 HTMLタグのstyle属性で直書きする方法 style用のHTMLタグで直書きする方法 それぞれ説明します。 HTMLのstyleタグで直書きする方法 HTMLの<style>タグ内にCSSコ […]
- 2023.12.04
CSSで背景画像を指定する方法をサンプルコードで解説
Webサイトの制作過程で、CSSで背景画像を設定する工程は必ず通ることになります。しかし、背景画像の指定方法が分からない、思うように配置できない、と壁にぶつかってしまうこともあるかと思います。そこで、本記事では背景画像を設定するbackground-imageプロパティの使い方から調整方法まで順を追って解説します。 background-imageとは？ background-imageとは、背景 […]
- 2023.11.24
【CSS】表（テーブル）のデザイン方法をサンプルコードで解説
HTMLで直接指定する方法もありますが、HTMLの構造が複雑になってしまうため、CSSで見た目を整えるのが一般的です。 以下の手順で<table>タグで作成した表を装飾する方法を解説します。 HTMLで表を作成する CSSで見た目を調整する 表のみに使用できるCSSプロパティを紹介 HTMLで表を作成する まずは土台となる表をHTMLで作成します。表の作成には<table> […]
- 2023.11.24
【HTML】表の作成方法をサンプルコードで解説
HTMLで表を作成するにはtableタグを使います。基本的な使い方からテーブルの装飾、セルや文字のレイアウトまで説明します。 【作成する表】 名前点数田中100山田80佐藤90 HTMLで表を構成する4つの要素 HTMLの表（テーブル）はtable・tr・td・thという4つの「要素」で構成されます。要素は、開始タグ（<）、内容、終了タグ（>）の3つで構成されます。<と>で […]
- 2023.11.17
ChatGPT有料版「ChatGPT Plus」無料版との違いは？
一躍有名になり、多くの人に利用されるようになったChatGPT。無料で利用できるサービスですが、なかには、有料版の「ChatGPT Plus」とはどのような違いがあるのか気になっている人も多いのではないでしょうか。そこで本記事では、ChatGPTの有料版と無料版の違い、それぞれどんな用途に向いているのか紹介します。 プログラミングの基礎からサイト制作まで↓実践力が身につくプログラミングスクール↓ […]
- 2023.11.17
【HTML】文字色の指定方法をサンプルコードで解説
HTMLで文字色を変える場合、<font>タグを利用する2つの方法があります。また、文字の装飾に利用するCSSでのフォントサイズの変更方法も説明します。しかし、昨今ではfontタグの仕様は推奨されていません。特別な理由がない限りはほかのタグの使用が推奨されています。 HTMLで文字色を変更する font colorの使用方法 HTMLでは、フォントの色・サイズ・種類を変更する場合に&l […]