あ

あ

こんにちはキャリカク津の匿名Mです。　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　今回は、chat GPTに聞いて出てきたいろいろなHTMLのコードを見ていきたいと思います。

---

---

①HTMLとは？

---

---

HTML（エイチティーエムエル）は、　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　インターネットで見るページを作るための設計図のようなものです。
正式には Hyper Text Markup Language（ハイパー・テキスト・マークアップ・ランゲージ）　　　　　 といいます。

たとえば、パソコンやスマホのブラウザ（ChromeやSafariなど）は、HTMLを読んで、
「ここはタイトル」「ここは文章」「ここはリンク」などを判断して画面に表示しています。

HTMLでは、文章のそれぞれの部分に「タグ」と呼ばれるしるしをつけます。
たとえば、下記のような感じです。

上記のコードを下記のHLTMとして編集をクリックして出てきた枠に入力すると下記のようになります。

見出し

ここが本文です。

ここをクリック　Google検索ページへ

トップへ　

あ

---

---

② HTMLを使ってブログを書くメリット

---

---

あ

① 見た目をきれいにできる

たとえば、文字を太くしたり、色をつけたり、見出しを目立たせたり。
HTMLを使うと、自分でデザインを調整できます。

コードの例👇

ここは大事なポイント！ 見た目を変えると印象も変わります。

あ

② ページの構造がわかりやすくなる

HTMLを使うと、どこが「タイトル」でどこが「本文」なのかをパソコンが理解できるようになります。
これは「検索エンジン」にも分かりやすくなるという意味で、　SEO（検索で見つけやすくなる効果）にもつながります。

あ

③ デザインが崩れにくい

テーマやテンプレートを変えても、HTMLでしっかり書かれた記事はきれいに表示されやすいです。
（逆に、文字装飾だけで書いた記事は、環境によって崩れることがあります。）

④ 自分らしいブログを作れる

ブログの「枠」や「吹き出し」などもHTMLで自由に作れるので、
まるで自分だけの雑誌を作るような感覚で表現できます。

あ

トップへ　

---

---

③ HTMLの便利なコード（初心者向け・よく使うもの）

---

---

---

① 見出しをつける（章タイトル）

ブログの「大きな見出し」「中くらいの見出し」を作るタグです。

このWのブログの場合見出しはここで変更することも可能

<h1>から<ｈ6>まであり、実際に入れてみると下記の通りです。

見出し①（仮）

見出し②（仮）

見出し③（仮）

見出し④（仮）

見出し⑤（仮）

見出し⑥（仮）

この下に説明の文書が続きます。

---

② 文字を太くする・強調する

これはとても大事な部分です。

このWのブログの場合、このBのマークの所で太字に変更することも可能

---

③文字に色をつける

コードは上記の通り。実際に反映させると下記の通りです。

これは 赤い文字 です
これは 青っぽい文字

---

④ リンクを貼る（別タブで開く）

キャリカク津ホームページ 　新しいタブで開く

キャリカク津ホームページ　今のタブで開く

---

あ

⑤ 表を作る（比較表に便利）

　

便利なショートカットキー	コマンド
C + Ctrl	コピー
X + Ctrl	切り取り
V + Ctrl	貼り付け
Z + Ctrl	元に戻す
A + Ctrl	全て選択
S + Ctrl	保存
F + Ctrl	検索

トップへ　

あ

---

---

後語り

---

---

いかがだったでしょうか？　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　今回のブログではHTMLに関することをchat GPTを使って、ご紹介しました。　　　　　　　　　　　　　　　新しい事を学ぶ時大切なのは実際に使って、効果や意味を理解していくことが大切だと思います。　　　　　　　今ならchat GPTを使えばコードは簡単に調べることができます。　　　　　　　　　　　　　　　　　　　見て下さっているみなさんも　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　もしホームページ形式の場所で文章等を作る際はHTMLを使って作ってにてください。

---

トップへ　　キャリカク津　ホームページ　　

InstagramやTikTokでは事業所の日常やキャリカクについてなど、

楽しい動画や画像を載せていますので、是非みにきてください😊

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

就労継続支援B型　　
キャリカク津駅事業所
TEL：059‐269‐6400
FAX：059‐269‐6401
MAIL：kyarikakutsu@gmail.com
住所：三重県津市栄町3‐232　ソシアビル5階

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊