初心者が稼ぐための、HTML講座


ちょっと、大げさなタイトルになってしまいました。
講座といっても、ほんの少しHTMLについて語るだけです。

初心者の方も、HTMLがなんなのかわかっていたほうがいいと思いまして。

HTMLってなんなのって、ことで簡単に説明していきます。

ホームページや、ブログは、プログラムでできています。
この、プロクラムのことをHTMLといいます。
タグという命令語を使って、ホームページ、ブログが作れられています。

ホームページのソースをみたことはありますか?
< >この記号で囲まれた英語みたいのがあります。
それがタグです。
例えば、

<br>  これは、改行をしてくださいというタグです。

このタグを、何種類も組み合わせることで制作します。

そのため、HTMLの文法を覚えないといけません。
「えっ、文法、英語の文法苦手なんだよな」大丈夫です、英語の文法ほど難しくありません。
タグの意味も必要です。これも、英語の単語を覚えるより簡単です。

まず、タグの記述の基本です。

ほとんどのタグが「これから始めますよ」~「終了ですよ」で構成されています。

例えば、「アフィリエイトで稼ぐ」を表示したい場合は、

<TITLE>アフィリエイトで稼ぐ</TITLE> になります。

これは、<ここからタイトルを表示します> アフィリエイトで稼ぐ <タイトル終了>

という意味になります。

基本のタグ1。

<HTML>~~~</HTML>

これは、「これから、HTMLのプログラムをはじめますよ。」「プログラム終了しますよ」

ってタグです。

だから、HTMLの記述をみると、最初に<HTML>があります。

そのあとに、いろいろなタグが記述されて、プログラムの一番最後に</HTML>になっています。

基本タグ2。

<HEAD>~~~</HEAD>

このタグは、「ヘッダー情報を記入しますよ」という意味です。

ヘッダー情報とは、スタイルシートを使っている場合は、スタイルシートの情報を記述します。

後、タイトルを記述します。ここのタイトルは。検索エンジンの検索に使われます。

基本タグ3。

<BODY>~~~</BODY>

このタグのなかに記入された内容が、表示されます。

後、画像を表示したい場合 <IMG>タグを使います。

リンクをする場合もこのタグの中に記入します。

簡単な例文

<html>     ( HTMLのブログラムの始まり。)
<head>                      (ヘッダー情報の始まり。)
<title>アフィリエイトで稼ぐ</title>    (ホームページのタイトル表示。)
</head>                      (ヘッダー情報の終了。)
<body>                      (文字の表示。)
こんにちは、まえむきです。               (実際に表示されるテキスト文字)
</body>                      (ボディタグ終了。)
</html>                      (HTMLプログラム終了。)

実際は、小文字半角で記入します。(大文字でもいいです、ただし半角です。)
今日は、これで終わります。
また、講座を開きますね。

関連記事:

12 Responses to “初心者が稼ぐための、HTML講座”

  1. いしうさ より:

    はじめまして  まえむにさん

    ハンドルネームからして
    元気にさせてくれるおなまえですね。

    HTMLほんと意味が分からず
    難しいですよね???

    こつこつと理解しようと頑張って
    いるとことです。

    • まえむき より:

      おはようございます、はじめまして、いしうささん、まえむきといいます。

      応援、コメントありがとうございます。

      HTML、そしてCSS、難しいですよね。

      今の、ブログ、サイトは、この二つで作られています。

      僕も、まだ未熟で、CSSに関しては、さっぱりです。

      お互い、勉強ですね。

  2. 詠美 より:

    まえむきさん、おはようございます。詠美です^^

    HTML、最初はわけわかりませんよね^^;

    でも、ちょこちょこやってるとだんだん覚えるので、
    心配しないで、まずはやってみること、大切ですよね☆

    応援☆

  3. うみうみ より:

    まえむきさん

    うみうみです
    いつもお世話になります^^

    うううっ
    この記事、もっと前に見たかったー><

    私もHTMLとは
    何度も戦いました

    応援です^^

  4. まえむき より:

    こんにちは、みなさん、いつも応援、コメントありがとうございます。

    ハヤテさん。

    HTML講座の続きですか~、正直いいますと、僕は、この講座をしながら、HTMLを覚えてるんです。これから、先のタグは、どんどん難しくなっていきますし~。期待しないでくださいね。時間があれば、がんばります。

    ちかまつさん。

    HTMLの勉強中なんですね。それじゃ、教えてもらいにいきますのでよろしくおねがいします。おそらく、僕のHTMLの知識より、ちかまつさんのが上だと思います。

    ケンケンさん。

    僕も、新しい知識を入れると、前のものを忘れていく歳です。
    お互い、若い人がうらやましいと思う時期ですね。
    20代の人は、覚えが早い。痛感してます。

    YUMEさん。

    YUMEさんは、けっこういろいろ知ってみえますよね。そのうち、HTMLを教えてもらいにいきますね。
    あれ?、YUMEさんは、どちらにお住みでしたっけ。遠いですよね。
    そうですね、HTML、CSSは、アフィリエイトに必要ですよね。

    abeckamさん。

    abeckamさんは、プログラマーをされてたんですね。なにか、アフィリのツールは、作ってみえるのですか?
    慣れが必要ですよね。記事にもかきましたが、英語の文法を覚えるよりは楽ですよね。

    中村さん。

    この記事で理解できたと、言っていただきとてもうれしいです。
    なんとか、HTMLの勉強をして、また、講座を投稿したいと思っています。
    記事をほめられると、やる気が出ます。

    小澤さん。

    何事も、基本が大切なんですね。確かに、基礎でつまずくと、後、どんだけ勉強しても、理解できなくなってしますますよね。
    基本ですね、基本。
    まだ、HTMLの簡単なところなので、いいですが、、、。
    がんばります。

    みなさん、コメント、ほんとにありがとうございました。
    モチベーションがぐぐっとあがりました。

  5. まえむきさん、こんにちは!
    いつもコメントありがとうございます^^

    HTMLは慣れるまでは難しいですが、基本を押さえれば実はそうでもないですよね。

    応援していきます!

  6. こんばんは、まえむきさん。

    中村晃大です。

    お世話になっています。

    私も、HTML構文がなんとなくわかってきた
    感じなので、今回の記事でより理解できました。

    こんな簡単なルール―でHTMLは成り立っていると
    わかりました。

    ありがとうございます。

    応援ぽち。

  7. まえむきさん

    こんばんは、abeckamです。
    いつもお世話になっております。

    HTMLはいずれは避けては通れないですよね。
    無料ブログでも、カスタマイズするのに多少の知識は必要ですし。
    私は最初は前職でプログラマーだったときに少しかじったのですが、
    慣れると意外とすんなりいけました(^^)
    こういう記事のように基礎的なことからおさえるといいですよね。

    それでは、応援していきます。

  8. YUME より:

    まえむきさん♪毎度です^^

    <head>とか、<h1>とか

    HTMLのことが実に分かり易く説明されていますね~

    最初は難しいけど、アフィリエイトを行う上では

    絶対に知っていた方が得ですよネ♪

    今日も応援して帰ります☆

  9. ケンケン より:

    まえむきさん、こんばんは!
    ケンケンです。

    タグって
    なかなか憶えられないですよね^^;

    僕は
    徐々に徐々に
    少しずつ憶えてこれてる感じです(汗)

    歳も歳なので
    憶えてもすぐに忘れてしまいますね…

    忘れないうちに
    今夜も応援さてせいただきます^^

    ぽち☆

  10. こんばんは、まえむきさん
    ちかまつです
    いつもブログ訪問&コメント、ありがとうございます!

    HTML、コンピューターと話をするための言葉ですからね。
    いろいろと覚えておいたら作業が早くなりますね^^

    僕も今猛烈勉強中です。

    難しい英語の羅列だから
    とっつきにくいけど
    早く慣れて使いこなせるようになりたいものです^^;

    それでは
    またお邪魔させてもらいますね^^

    応援です!

  11. まえむきさん、こんにちは^^

    お世話になっております、ハヤテです

    いつも、コメント、応援、ありがとうございます

    >初心者の方も、HTMLがなんなのかわかっていたほうがいいと思いまして

     HTMLは避けて通れないですからねぇ~

    それに、コメント書いたりとか

    ちょっとした作業にも使えるので

    覚えておいた方がいいですね^^

     

    ><br>  これは、改行をしてくださいというタグです。

     私が始めて覚えたのがこのタグでした

    たしか、ヤフオクに出品する際に

    コメント書くので覚えた記憶が・・・(笑)

     HTML講座の続き期待しております^^

    私もあまり、HTMLは得意ではないので(汗)

    また、勉強に伺わせていただきますね

    では、今日も感謝を込めて、応援ぽちっ(*≧∇≦)ノ凸

コメントを残す

サブコンテンツ

このページの先頭へ