Mark up!

---
Markdown記法の歴史や略語について調べてみた
---

**始まりはいつも**

<font color="orange">_「Hey! Takashi! Wake-up!!
You must go to school!!」_</font>

<font color="green">_「もーなんだよ母さん。こんな朝早く。今日は日曜日だよ。学校もないし、それになんで英語なの？」_</font>

<font color="orange">_「ﾌﾌｯ。世の中グローバル化が進んでいるでしょ？だから、母さんも日常的に英語を使っていこうと思ってね」_</font>

<font color="green">_「なーんだ。そうなんだ。でも母さん、やっぱり今日は学校ないから、最後の部分はいらなかったんじゃないの？」_</font>

<font color="orange">_「いいえ、今日は学校があるわ」_</font>

<font color="green">_「え、そうだっけ？何か行事があったっけ？」_</font>

<font color="purple">_**「いいや、そんなものはない」**_</font>

<font color="green">_「えっ&hellip;&hellip;。母さん？」_</font>

<font color="purple">_「貴様の大事なものは全て大魔王クイータに奪われた」_</font>

<font color="green">_「か、母、さん？」_</font>

<font color="purple">_「貴様はいかなくてはならない。学校へ。そして取り戻さなければならない」_</font>

<font color="green">_「母さん！」_</font>

<font color="purple">_「その右手の刻印が手助けしてくれるだろう。さあ、早く学校へ行くがよい。貴様の大切なモノたちが待つ、学校へ」_</font>

<font color="green">_「母さん&hellip;&hellip;」_</font>

<font color="purple">_「勇者タカシよ、目覚めなさい。本物の自覚を取り戻すのだ。その右手の刻印を掲げなさい！！_</font>

<font color="green">_「母さんっ！！」_</font>

<font color="red">_「Hurry up, Wake-up, Mark up!!」_</font>

<font color="green">_「うおおおお！！！」_</font>

　<font color="gray">_タカシは立ち上がった。学校に向かうため、世界のため、そして自分の本当の母のために。_</font>

<font color="low red">_(～序章　Takashi stand up～)_</font>

<br>

**目次**
[1. Mark-up言語について](#1-mark-up言語について)
[2. Markdown記法とは](#2-markdown記法とは)
[3. Markdown記法に出てくるタグや略語](#3-markdown記法に出てくるタグや略語)
[4. おわりに](#4-おわりに)


# 1. Mark-up言語について

![shinbun_newspaper_english.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3493200/4990335b-9d1e-7811-90fb-a45160d5c477.png)
<br>
&ensp;マークアップ言語は、テキスト文書に「マーク」または「タグ」を加えることで、その文書の構造や書式を指定するための言語です。

<font color="low blue">**語源**</font>
&ensp;マークアップ言語の語源は、英語圏で伝統的な出版の作業過程である原稿の「マーキング・アップ」という作業から派生しました。文章の各部分にどんなスタイル、書体、サイズを適用すべきかなどを記して組版の担当者に原稿を渡すという作業が、何世紀にもわたって行われており、電子組版・コンピューター上においてもそのまま「markup」と使われるようになりました。

[参照]

https://ja.wikipedia.org/wiki/マークアップ言語


<font color="low blue">**種類**</font>

マークアップ言語には様々な種類がありますが、大きく分けてHTML、XML、Markdown記法の三つがあります。以下はその表です。

| 特徴/言語 | HTML                            | XML                                  | Markdown記法                       |
|-----------|---------------------------------|--------------------------------------|------------------------------------|
| 発展の歴史 | 1990年代初頭、ティム・バーナーズ＝リーによって開発。 | 1990年代後半に開発。汎用性と拡張性に重点。 | 2004年、ジョン・グルーバーによって作成。   |
| 主な用途  | ウェブページの構造定義。             | データの構造化と記述。                    | シンプルで読みやすい文書の作成。         |
| 重要性    | インターネットの成長と普及に貢献。      | 異なるシステム間でのデータ交換を容易化。      | コンテンツ作成の簡素化と普及。           |
| 特徴      | 見出し、段落、リンク、画像などのウェブコンテンツ構築。 | カスタマイズ可能で、広範囲のアプリケーションに適用。 | シンプルな記法で基本的な書式付けを提供。 |


# 2. Markdown記法とは

　今まさに書いてあるこの記事もMarkdown記法を使い書かれています。
タグやテーブルの｜などを使い、読みやすく書きやすい言語とされています。

　因みにこの記事のURLの末尾に <font color="green">**.md**</font>
をつけるとどんなMarkdown記法使っているか見れたりします。

# 3. Markdown記法に出てくるタグや略語

**Markdownの基本的な書式**

| 特殊文字 | 意味 | 語源 | 例 |
|----------|------|------|----|
| `&nbsp;` | 通常半角スペース | "Non-Breaking SPace" | `これは&nbsp;通常の半角スペースです` |
| `&ensp;` | `&nbsp;`よりも少し広い（"n"と同じ幅のスペース） | "EN SPace" | `これは&ensp;ENスペースです` |
| `&emsp;` | `&emsp;`よりも少し広い（"m"と同じ幅のスペース）※全角スペースと同等 | "EM SPace" | `これは&emsp;EMスペースです` |
| `&thinsp;` | 通常半角スペースよりも少し狭い | "THIN SPace" | `これは&thinsp;狭いスペースです` |
| `&lt;` | < (小なり記号) | "Less Than" | `友情&lt;お金` |
| `&gt;` | > (大なり記号) | "Greater Than" | `お金&gt;愛` |
| `&hellip;` | … (省略記号)（水平省略記号） | "Horizontal Ellipsis" | `母さん&hellip;&hellip;` |
| `<br>` | 改行 | "Breaking" | `これは改行です<br>` |



# 4. おわりに
　いかがだったでしょうか？
 私もまだ、理解が浅い部分があるので、みなさんと一緒に勉強していきたいです。
 <font color="red">**目指せMark-up言語マスター！**</font>