あほでもＨＴＭＬ基礎の基礎を知ろう。ＢＯＤＹとＨＥＡＤの違いって？
こんにちは！未知子です。
なんにもわからなけど
とりあえず勉強だけはしましょうって
感じで進めています！
かなりゆっくり進行なHTML勉強中の身であります！
今基礎の基礎を学ぼうしているところなんですが
本当に基礎の基礎の基礎がまるでわからないまま
今までなんとなくウェブページを作成していたんですね。
（なんとなくでも一応形にはなる・・・）
でもそんなんではいけないと気付きました・・・。
なぜなら はちゃめちゃのぐっちゃぐっちゃ☆
今ならわかる☆
過去の自分のコードの置き方等のやばさ加減が・・・。
そんなこんなで今日の課題はこちらっ！
もくじ
結局ＨＴＭＬってなんなの？
まぁ、よくそれも知らずに書いてたな、と
自分のことながら驚愕しますが
なんとなくそれとなく知っていたのは
ＨＴＭＬが
Haypertext Markup Language
発音良く言おう♪
ハイパーテキスト マークアップ ランゲージ！
・・・うん。
私の読んだ本によると
タグを使って文章をフォーマットするもの
だとか
Hyper 超えた という意味で
Hypertext は普通のテキストを超えた役割を持つテキスト
マークアップする言語
と、まぁ、こんな解釈なんですけど
まあようするに？
あほでもわかるように言うなら
一応こうしたいなっていうものがあるんだけど
そのまま文章だらだら書いてたらコンピュータには伝わりません。
コンピュータがわかるようにマークをつけて
人間様にわかりやすいようにこっちで操作しましょう
ってことじゃないのかな？って勝手に納得しました！
ＨＥＡＤ要素とＢＯＤＹ要素の中には何を書けばいいの？
ＨＴＭＬのことはおおまかに（すぎる）
理解したとして
今までＨＥＡＤとＢＯＤＹの中には
何から書けばいいのかいつも混乱してました。
（ていうか覚えてもすぐ忘れる・・・）
ＨＥＡＤ
コンピュータが読みとる要素
→文書のタイトル、キーワード、ページの説明、文字コードの種類 など
ＢＯＤＹ
コンピュータと人間両方が読みとる要素
→テキスト、画像、実際目にする情報
☆大きな違いは、記述した情報が視覚化されるかどうか
ということらしい。
まぁ、なんてこったです。
なんにも考えずにやっていたときは
<html>
<title></title>
<head>
<style>～</style>
</head>
<body>
こんにちは！<br><br>
よろしくお願いします！<br><br>
</body>
</html>
みたいな、どこになにをいれるのかなんてお構いなしです。
<p>タグや<h>タグに気づいたのは最近のこと。
改行はとにかく<br>でした（笑）
それはかなり美しさにかけるし
よくないことだったんだと
知ったのはここ数年のこと・・・
こわいね（笑）
でも、案外いるとおもうよ、そうゆうひと。
しらんけどホームページ出来とる！
みたいな。ね（笑）
はじめてこれからホームページ作る人は
絶対にＨＴＭＬの基礎の基礎を踏んでから
はじめたほうが絶対にいいです。おすすめです！（笑）
私みたいに
わけわかんないままだけど貼っておけばＯｋ～♪
っていうやりかたで覚えてしまった人は
かなり苦労します（現在進行形です）
アホな人限定かもしれないけど（笑）
ということで今回はここまで♪
ありがとうございました！
ＨＴＭＬ、大文字？小文字？どっちで書くの？
以前の投稿の時に次にエントリーしますと言っていたことです。
ということでＨＴＭＬについて
私が少し気になることを書こうと思います。
もくじ
ＨＴＭＬの教本に出てたんだけど
ＨＴＭＬの教本（小学生が読むような絵本）に
ＨＴＭＬの書き方について書いてありました。
<HTML>
<HEAD>
</HEAD>
<BODY>
<IMG SRC="●○.gif">
<A HREF="●○.html"></A>
</BODY>
</HTML>
のようにすべて大文字で記入されていたんですね。
これは、もしや見やすさを重視？
ＸＨＴＭＬはすべて小文字で記入すると聞いたことがありますが。
まぁ、どちらでも平気なんだろうとは感じていますが
すべて大文字で記入するのは聞いたことないなぁ～と。
見やすさを主に重点においている？
私はＨＴＭＬを書く時に今まではコピペで貼り付ける
というだけの作業をしていたので
今更なにいってやんのって思われそうなんですが（笑）
今更ながらに気づいたんです！
色んな本を見てみて
なるべく見やすくするというのが
ＨＴＭＬのお約束みたいです。
大文字・小文字どっちで書く方が見やすいの？
その本を見ていて、確かに見やすいな。って思ったんで
その通りに見やすくしたいなと思って。
生理整頓がもともと苦手なんですがそこだけはきちんとやっています。
そこばかり重視しても技術が身に着かなきゃ仕方ないんですけど(^_^;)
そんでとりあえず書いてみたんですね。
そんで上記のような感じに。本の通りに。
でも今まで小文字で書いていたので
違和感がすごくてすごくて・・・
さらにだいたいの人は小文字で文字を打っていると思うんですけど
いちいち大文字に固定するのも面倒くさかった・・・
結局知恵袋に頼る
結局こんなことを聞く相手もいない私は
知恵袋で検索することに
知恵袋ってすごいですよね。
まさに知りたいことをおんなじように知りたい人が
９０％くらいの確率でいるんですからね！
結果
なんやかんやで大文字を
つかっている人はあまりいなさそうであり
ＸＨＴＭＬを使う場合は小文字であるので
そちらに合わせている人が多いとかで
SVG や MathML 関連の要素に注意することということ。
どちらでもお好きなように使いなさい。
ということでまとまりました。
なので見やすそうって思って大文字にしたんですけど
やっぱり慣れなどもあって小文字にしておこうということに
自分のなかでまとまりました！
みなさんはどっちを使っていますか？
ありがとうございました！
なんも全部考えてないまま始めました
こんにちは。
「ウェブデザインを覚えたい！」
と、豪語しておりますがまず私がどんなスペックなのかを
一応紹介がてら書いてみようと思います。
もくじ
とりあえず、聞くけどあなたはだれ？
- 名前：いまはない
- 性別：女
- 年齢：３０歳（でもまだ２９歳です！！(＞_＜)）
- 独身
こんなかんじです。
名前についてはまだ考え中なんですが
次のエントリーに書こうと思います。
ウェブデザインについて
このまえの投稿 【ウェブデザインを学ぶ前に】にてお話しましたが
改めて勉強しているうちに奥深さや楽しさがあったんです。
まだ楽しいって思えるものがあったんだな。
って自分でも驚いてて
いろいろ考える前にやってみたいな、仕事にしてみたいなって思いました。
はてなブログをカスタマイズ
まずいろんなデザイナーさんやコーダーさんの
ブログや経験談などを検索して
まずはこうしたらいいんじゃないか
というのを参考によさそうなのを片っ端から試してみようと思い
そんな中でブログを開設して勉強がてら
投稿してみようというトピックを目にしました。
これならまず私にもできそうかな.と
はてなブログならカスタマイズもできるし勉強にもなりそう・・・。
やっては見たもののすでに少しつまずいてます（笑）
まずははてなブログの使い方から
学ばないといけないかもしれないです・・・（笑）
次のエントリーでは私が少し気になることを書こうと思います。
ありがとうございました！
ウェブデザインを学ぶ前に
ウェブデザインをやりたいなと思ったきっかけ
もともと小さいころからＰＣに触れていたことで
高校生のころ実際にタグを使ってみようと
思いホームページを作ったことがあった
そこからしばらくは作ったことがありませんでした。
仕事にしたいなと思ったこともありませんでした。
ひさしぶりに人に頼まれたこともあり実際作ってみると
あのころはただタグを貼ればいいと思っていただけ（コピペ）だったのが
大人になってみて初めて分かることがたくさん出てきて
もっときちんと学びたいなと思ったことがきっかけでした。
これからまた再び始めるための不安
年齢的に学びたいと思ったのが少し遅かったかなとは思います(^_^;)
今の仕事もかなり不安定というのもあって思い切って勉強してみたくなりました。
はじめは１２歳からでもわかるみたな本を読んでやっと理解出来たくらいでした。
今も理解できてるのか自分でもわからないんですが
はっきりいってどこからやればいいのかわからなくなっているかもしれません。
ＨＴＭＬのバージョンアップとＣＳＳ
ＨＴＭＬにバージョンがあるのを知ったのがつい最近です。
私が初めて触ったのは恐らくＨＴＭＬ４のころ
いまはもうフレームを使うのが時代遅れなんて本当に知りませんでした。
昔はＣＳＳを知らなかったのもあってすべてＨＴＭＬで作業していました。
ただ適当にコピペして入れていたので
へんな覚え方をしてしまっていたのでかなり修正も大変な気がしてます・・・
でもがんばる
いままでのへんな覚え方によってどれがどれ！？
となっているので、間違ってたら教えてほしいです。
近場に詳しい人がいないのでこれがあってるかどうかもわからないので…。
なのでゆっくりペースではありますが頑張りたいと思います！
よろしくお願いいたします！
