CSS HTML web

web用語「HTML」とは?初心者が挫折せずにHTMLを勉強するには?

投稿日:

 

ミヤエイ
webデザイナー宮永万里です。

 

あなたが今見ている当webサイトもHTML言語が使われています。

 

そして、あなたが普段目にする知恵袋や公式サイトetc...すべてのwebサイトが「HTML」という言語で記述されています。

Googleも「HTML」で出来ている...?

例えば、googleの検索画面。

 


これは下記のような「HTML」言語で構成されています。

Google検索HTML言語・CSS言語

Google検索画面のHTML言語等(抜粋)

 

ぴーまる
うげっ😞

と感じたあなた。

正常です。

 

ミヤエイ
私もそうでしたw

 

逆に、

ミヤエイ
すごいすごい分かりみまくり~!!!!!

と感じる方はお引き取り願いますww

 

ぴーまる
無理にJKぶらんでもええんやで?

 

ミヤエイ
そういわれるときついからやめてww

 

全てのwebサイトは「HTML」という言語があるから成立しています。

 

しかし、「HTML」言語の記述だけでは、とても寂しいwebサイトのまま。

 

上記のgoogle検索画面は、「HTML」言語のみですと、真っ白な画面に黒い文字が並んでいるだけのwebサイトになってしまいます。

 

これでは「読もう」という気持ちも起きないですし、何より分かりにくいですよね...。

 

そこで必要になるのが「css」言語です。

 

「css」言語はwebサイトに「デザイン」を与える為の言語です。

 

「HTML」言語のと「css」言語の組み合わせによりwebサイトは読みやすく生まれ変わります。

 

「HTML」言語は文章作成用css」はデザイン作成用と覚えましょう。

 

今勉強した事はもう過去の事

 

web業界は日進月歩の非常に進歩の著しい業界です。

 

今日使われていたはずの技術も数年後には全く新しい技術に入れ替わっているという事も多々あります。

 

何より資格制度とかなく誰でも気軽に始められちゃうんで、需要過多になってしまうんです。

※ただ、それを仕事として何年も続けていけるの方はそんなには多くはないでしょう。

 

競争が激しいですから。

 

ミヤエイ
誰か資格制度にしてくれww

ぴーまる
は?小声で都合良い事言ってんじゃねえ!

 

つまりは、勉強を続けられることがすごい価値になる業界です。



 

ちょっとずつでも良いですし、休憩しながらでも良いですので自分のペースで勉強していきましょう。

 

つまりは、私が2018年9月16日に執筆したこの記事もだんだん古くなっていくという事。

 

ぴーまる
どうせHTML勉強しても古くなるんでしょ?じゃ意味ないし~!

 

と悲観的になったあなた!そんなあなたの為に!

 

今回はいつの時代にも基本となり得る事項厳選してお伝えします!

 

私が勉強を続けるコツ

 

とりあえず2年間は続けてこれました。

 

2年は続けたいという方は参考にしてくださいw

 

やめたくなった時心強い味方になるのが同じweb業界の人々であるように思います。

 

「言語を無知な人ほど、無茶な要求をしてくるww」

「金払い悪い奴ほど要求が無茶ww」

「納期に間に合う気がしないww逃亡したいww」

 

そう愚痴りながらも涙ぐましい顧客対応を続ける友人も。

 

愚痴を言いながらでもいいですし、休みながらでも良いと思います。

 

つまり続けるコツは

ミヤエイ
愚痴る事!ww

※もしくは私の場合はカラオケ。

 

自分のペースで息苦しくならないようwebの勉強を進めていってくださいね。

 

では本題に入ります。

 

HTMLの最新言語

 

HTMLには種類があります。
時代の流れとともに変化してきたHTML言語。

 

現行のweb業界の最新情報ですと、おおまかに「HTML5」「XHTML」に分けられます。

 

HTML5とは

HTMLの5度目に当たる大幅な改定版を「HTML5」と言います。

 

従来はwebサイト内の動画やアニメーションを使用するにはHTMLに加え別の知識が必要でした。

 

つまり、「Javaアプレット」「Flash」といった知識が無ければ、動画等は埋め込めず、一部の知識のある人だけが使える敷居の高いものでした。

 

しかし、HTML5により、HTML言語の知識があるだけで動画やアニメーションを埋め込めるようになったのです。

 

比較的簡単に初心者でも動画を埋め込める為、web開発者側の利便性が一気に向上しました。

 

「専門家だけ」から「初心者」でも使える言語へ

 

基本的には、webの技術は勉強した一部の専門家だけが使える技術から、初心者でも利用できる技術になるよう敷居が低くなっていく傾向にあります。

 

最近では無料で簡単にwebサイトを作れてしまうサービス「wix」「Jimdo」といったものが話題になりました。

 

webサイトを作成したい方で、以前言語で挫折したという方は「wix」や「Jimdo」といったサービスにチャレンジしてみても良いかもしれません。

 

でも、指定のデザインから選ばなければならなかったり、カスタマイズ性(オリジナリティ)に欠けるという理由から結局web開発者に依頼する、もしくは諦めてしまうという方も多いです。

 

ミヤエイ
ブログやwebサイトを自分で自由にカスタマイズ(デザイン)できるってそこそこ楽しいですよ

そこそこねw



 

XHTMLとは

 

最新版はXHTML5です(2018年9月16日時点)

 

HTMLよりも厳密な言語です。

 

HTMLは「ここからここまでが画像だよ」と「終わり」を指定しなくても画像が表示されますが、XHTMLは基本的には「終わり」を厳密にする必要が有ります。

 

イメージしにくいかと思いますので、今は「なんか厳しい方」程度の認識で間違いはないでしょうw

 

ぴーまる
雑かよww
ミヤエイ
最初はそのくらいの緩さでいいの!勉強疲れてやめちゃう方がアレじゃん?

 

以上、宮永万里でした♪

 

Produced by ミニマムホームページ制作

-CSS, HTML, web
-,

Copyright© ミヤエイ OFFICIAL , 2019 All Rights Reserved.