独学！webデザイン(；´Д｀) https://ameblo.jp/isseixxx/ HPを作りたいと思い、学んだことを記録すべくブログを開始しました。アドバイスなどありましたらぜひお願いします。 ja html（3）タグ使ってみました
今回はHPっぽいものをタグだけで作ってみようと思いますメラメラ


新しく使用したタグは以下のとおりです。

画像挿入（下に文字を入れる）　　 <Img Src="pc_sozai.jpg" Align="down">　

リンクを貼る　　　<A Href="なんとか.html">もどる</A>

すみません・・・全然タグ盛り込めませんでしたしょぼん
あたりまえですが、HPのデザインやレイアウトをしっかり決めずにやるとこうなりますね。

とりあえず作ったもの載せます・・・


まずはメインページ

<html>
　<head>
　　<title>独学！webデザイン</title>
　</head>
　<body>
　　<Img Src="pc_sozai.jpg" Align="down">
　　<br>
　　<br>
　　　<br>
　　　<h1><Font Color="#ff0000">独学！webデザイン</Font></h1>
　　　このサイトは独学でHTML,CSS,JSPを学ぼうとする一人の初心者の記録です。
　　　<ul>
　　 <li><A Href="例3_1.html">webデザインとは？</A></li>
　　 <li><A Href="例3_2.html">できたら便利！</A></li>
　　　</ul>
　</body>
</html>



$独学！webデザイン(；´Д｀)-3_1



リンク先（1）

<html>
　<head>
　　　<title>独学！webデザイン</title>
　</head>
　<body>
　　　<Img Src="なんとか.jpg">
　　　　<br>
　　　　<br>
　　　　<br>
　　　ごめんなさい、語る資格はございません。
　　<A Href="めいん.html">もどる</A>
　</body>
</html>

$独学！webデザイン(；´Д｀)-3_2


リンク先（2）

<html>
　<head>
　　　<title>独学！webデザイン</title>
　</head>
　<body>
　　　<Img Src="なんちゃら.jpg">
　　　　<br>
　　　　<br>
　　　　<br>
　　　ギター弾けたらいいなぁ
　　<A Href="めいん.html">もどる</A>
　</body>
</html>


$独学！webデザイン(；´Д｀)-3_3


いやー、しょぼすぎる・・・
載せるか悩んだんですけど記録ってことで載せました。
もっと精進しますむっ

次回はCSSさわってみようと思います。
ちょっと萎えたので気分転換に。


叫び注意叫び
まったくの初心者なので信用しないで下さい。 ]]> https://ameblo.jp/isseixxx/entry-11575195053.html Thu, 18 Jul 2013 13:42:28 +0900 html（2）タグの使い方を覚えればOK？
タグには様々な種類があり、それを使いこなせればhtmlはできたも同然!？と思ったりしてますかお
実際に何か作ってみないとなんともいえませんが（笑）


今回は覚えたタグを使ってみたものを載せたいと思います。


例1　タブにタイトルをつける

　　　headタグの中でtitleタグを使います。その他は前回のをそのまま使ってます。

<html >
　<head >
　　<title >独学！webデザイン</title >
　</head >

　<body >独学でがんばります。<br >
　　　　　　　次回のお知らせ
　</body >
</html >
$独学！webデザイン(；´Д｀)-例1.1


例2　本文の見出し付けとリストの表示

　　　bodyの中でh1タグを使うと見出しが作れます。
　　　h1が一番大きくh2、h3と小さくなっていきます。

　　　同様に、bodyの中でol、liのタグを使うとリスト化できます。
　　　ol以外にも接頭語に色々種類があるみたいです。ulも使ってみました。

<html>

　<head>
　　　<title>独学！webデザイン</title>
　</head>

　<body>
　　　<h1>独学でがんばります。</h1><br>
　　<ol>
　　　　<li>次回のお知らせ</li>
　　　　<li>注意事項</li>
　　　　<li>今日の晩飯</li>
　　</ol>
　　<ul>
　　　　<li>次回のお知らせ</li>
　　　　<li>注意事項</li>
　　　　<li>今日の晩飯</li>
　　</ul>
　</body>

</html>

$独学！webデザイン(；´Д｀)-例2.2



次回はたくさんタグを使ってみたいと思います。


叫び注意叫び
まったくの初心者なので信用しないで下さい。 ]]> https://ameblo.jp/isseixxx/entry-11575132798.html Thu, 18 Jul 2013 12:12:54 +0900 html（1）基礎の基礎
まず、何に書くのかというと何でも良いそうです。　┐(￣ヘ￣）┌

私はサクラエディタ（無料）というのをインストールして使うことにしました。
windowsに初めから入っているメモ帳でもいいみたいですが、色分けできると便利みたいなのでサクラエディタにしました。


基本的な構造は<>と</ >で書きたいものを挟むだけだそうです。

まず、HTMLを書きますという合図で

<html>


</html>



を書きます。

次に、文字を表示させたいので<head>を書きます。
例として独学！webデザインと入れます。

<html>

<head>独学！webデザイン

</head>

</html>



そして、本文を表す<body>を書きます。
改行は<br>と打たないとダメみたいです。


<html>

<head>独学！webデザイン

</head>

<body>独学でがんばるぞ！<br>
　　　　　　次回のお知らせ
</body>

</html>


これを拡張子.htmlで保存し、開くと

$独学！webデザイン(；´Д｀)

HPとはいえませんが文字を画面に表示することができました！

次回もHTMLをやりたいと思います。

叫び注意叫び　まったくの初心者なので信用しないで下さい。 ]]> https://ameblo.jp/isseixxx/entry-11574589347.html Wed, 17 Jul 2013 18:36:12 +0900 HPを作るには、何の勉強が必要で、それは何のためにあるのか
(；´Д｀)

なのでそれぞれの関係性と仕組みを知ることから初めて見ました。






関係ありそうな３つをざっくりまとめると


HTML　web上に文書を表示したり、文字などにリンクを貼ってリンク先に行かせることができる
　　　例：マイページをクリックしたらマイページの画面へ


CSS　 HTMLなどのWeb文書のデザインや配置を決めるもの。HTMLを変更せずにデザインを変更できる　　　メリットがある。
　　　例：ブログ全体のデザインの変更


JavaScript　ページなどに自動的な動きを与えるもの（ふわっーとしか理解できてません）
　　　　　　例：検索機能の追加や文字を動かしたり



３つの関係性は

HTMLで文章書いて、CSSで見た目をいい感じにして、JavaScriptで動きもつけちゃう

って勝手に理解しました。


要するにこの３つができないとかっこいいHPは作れないんですね(；´Д｀)


次回はHTMLについてやっていこうと思います。



叫び注意叫び
全くの初心者ですので信用しないで下さい。



]]> https://ameblo.jp/isseixxx/entry-11574335995.html Wed, 17 Jul 2013 05:34:05 +0900