![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img/https://taiyosite.com/wp-content/uploads/2023/02/4df1e892f9cda9be26f31fdca198443b-640x360.png)
HTMLが複雑になってきたらCSSで外枠をつけてみましょう
2023年4月13日 タイヨウ 日曜エンジニアのプログラミング
ウェブページ制作のTIPSです。
HTMLが入れ子構造で複雑になってきた場合は、要素にアウトラインをつけて、要素の形を可視化するとわかりや …![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img/https://taiyosite.com/wp-content/uploads/2023/02/4df1e892f9cda9be26f31fdca198443b-640x360.png)
改行について
2023年3月18日 タイヨウ 日曜エンジニアのプログラミング
改行はbrタグ 改行には「brタグ」が必要です。 たとえば、ブラウザに以下のように表示したい場合・・・ エディタでは以下のように書きます。 < …![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img/https://taiyosite.com/wp-content/uploads/2023/02/4df1e892f9cda9be26f31fdca198443b-640x360.png)
canvasの基礎
2023年2月18日 タイヨウ 日曜エンジニアのプログラミング
canvasとは canvasは、動的なグラフィックスや図形、アニメーションを描画するためのHTMLタグです。 Webページ上に、図形・グラフ・イメージ・文字などを描 …![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img/https://taiyosite.com/wp-content/uploads/2023/02/4df1e892f9cda9be26f31fdca198443b-640x360.png)
JavaScriptとは
2023年2月7日 タイヨウ 日曜エンジニアのプログラミング
JavaScriptとは
JavaScriptは、動きのあるウェブページを作ることができるプログラミング言語です。 通常のウェブページは、HTMLファイルが読み込まれると「 …![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img/https://taiyosite.com/wp-content/uploads/2023/02/4df1e892f9cda9be26f31fdca198443b-640x360.png)
マウスがのった時にスタイルを変える
2023年2月7日 タイヨウ 日曜エンジニアのプログラミング
マウスが載った時に・・・
マウスカーソルが載った時に、その要素のスタイルを変えることができます。 要素:hover{ } の中にスタイルを記述します。
span:hove …![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img/https://taiyosite.com/wp-content/uploads/2023/02/4df1e892f9cda9be26f31fdca198443b-640x360.png)
よく使うスタイル
2023年2月7日 タイヨウ 日曜エンジニアのプログラミング
よく使うスタイルです 分類
スタイル
プロパティ名 背景
背景色を指定する
background-color 背景
背景画像を指 …![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img/https://taiyosite.com/wp-content/uploads/2023/02/4df1e892f9cda9be26f31fdca198443b-640x360.png)
色をつける
2023年2月7日 タイヨウ 日曜エンジニアのプログラミング
色をつける
文字の色を変えてみます。 スタイルを指定する方法はいくつかありますが、シンプルな方法でやってみます。 まず、headタグ内に、styleタグを作ります。そ …![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img/https://taiyosite.com/wp-content/uploads/2023/02/4df1e892f9cda9be26f31fdca198443b-640x360.png)
リンクについて
2023年2月7日 タイヨウ 日曜エンジニアのプログラミング
リンクはウェブの特徴
他のウェブサイトへリンクできる機能はウェブの特徴の1つです。必要な情報をリンクでつないで、便利なウェブサイトを作りましょう! リンクは「aタグ …![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img/https://taiyosite.com/wp-content/uploads/2023/02/4df1e892f9cda9be26f31fdca198443b-640x360.png)
ブロック要素単位で構成を作る
2023年2月7日 タイヨウ 日曜エンジニアのプログラミング
HTMLの構成は、ブロック要素で骨組みを作るようにレイアウトしていくと効率よくできます。 ブロック要素とは
ブロック要素とは、Webページ上で独立してレイアウトされる要 …![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img/https://taiyosite.com/wp-content/uploads/2023/02/4df1e892f9cda9be26f31fdca198443b-640x360.png)
HTMLのひな形【最小限】
2023年2月7日 タイヨウ 日曜エンジニアのプログラミング
HTMLには、基本のひな形があります。 以下のひな形に従って記述すれば、基本的なWebページが作れます。
<!DOCTYPE html>
<html l …![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img/https://taiyosite.com/wp-content/uploads/2023/02/4df1e892f9cda9be26f31fdca198443b-640x360.png)
HTMLとタグについて
2023年2月7日 タイヨウ 日曜エンジニアのプログラミング
タグとは
HTMLタグは、Webページ作成に使用されるマークアップ言語の要素の一つです。 タグは「<」と「>」で囲まれた形をしています。 例えば「< …