あなたがアーティストになることにコミットしていない場合、開発者として、必要に応じてHTMLを理解し、簡単な変更を加えることができます。以下の私のアイデアに従って、記事でHTMLを理解できるようにしてください。もちろん、もう一度読む過程で、自分で試してみるのが最善です。そうすれば、理解が深くなります。わかりました、下から始めてください：（以下の記号はすべて英語で入力されます）
1。HTMLの基本ルール<html>
<head>
<Title>私のWebページ</title>
………………………………………………………………………
</head>
<body>
………………………………………………。
</body>
</html>
ほとんどすべてのWebページはこの形式です。これは、Webページの必須マークです。各マークは<>に配置され、</>で終わります。ただし、楕円に追加された乱雑なものがたくさんあることを除いて、それが私たちが見るものです。
上記のコードをメモ帳にコピーして、a.htmlファイルとして保存すると、Webページになります。試してみましょう
以下に、メモ帳でそれを開き、<body>の間にホームページという単語を追加し、保存してから開きます。次の写真を参照してください。
次に、ホームページの前面と背面にマークを追加して、<a href =＃>ホームページ</a>に変更し、保存して、効果が何であるかを確認しますか？
それは私たちが通常オンラインで見るハイパーリンクですか？ただし、ホームページをクリックしてもホームページは変更されません。空の接続を追加して、熱いうちに鉄に当たるからです。以前の方法に従って、B.HTMLとして保存されたページを作成し、上記の＃をB.HTMLに置き換えました。開いた後、ホームページをクリックして、ページBにジャンプしますか？ （もちろん、ページAとBは同じディレクトリにある必要があります）ここになるまで、実際には、Webページ上のすべての関数は<a>のようなさまざまなタグによって実装されており、これらのタグを実行する必要がある場合にのみこれらのタグの関数を覚えていることを理解する必要があります。
2。ウェブサイト構造インターネットをサーフィンするときに注意を払うと、写真に示すように、Webページは実際には断片に分かれています
もちろん、これは単なる一般的な構造です。また、ニーズに応じて多くのブロックに分割することもできます。ブロックは、主に側面を変更し、それぞれの式スタイルを決定するためのものです。
これは主に<div> </div>タグを使用して達成されます。ホームページに<div>タグを追加してみましょう。
<div>
<a href = b.html>ホームページ</a>
</div>
保存して、開くときに試してみてください、それはどのような効果になりますか？
それはまだ変更の前と同じですか？それにいくつかの変更を追加しましょう：
<div style = width：200px; height：100px; border-style：solid; >
実行するとき、私たちがマークした作品は青い背景で表されます！
多くの<div> </div>ブロックを追加して、Webページを大量から削除してから、各ブロックに入れたいものを入れます。
もちろん、多くの<div>はstyle =を持っています。これらのスタイルの設定が類似している場合、各設定は面倒すぎます。通常、別の.cssファイルにスタイルを配置し（Webページの各マークのディスプレイスタイルを制御します）、それらを呼び出す必要がある場所に呼び出します。以下で試してみましょう
新しいメモ帳を作成し、C.CSSに変更して開き、次のように書きます。
#header {width：200px; height：100px; border-style：solid;}
a.htmlで削除します
次に、 <link rel = styleSheet type = text/css href = css/> </head>を追加します
つまり、C.CSSファイルを紹介します。 CSSを別のファイルに入れる利点は、この場所を変更する限り、多くの場所がこのスタイルを参照する場合、すべてが変更されることです。そうしないと、各場所を手動で変更する必要があります。
最後に、a.htmlの<div>を<div id = header>に変更します
効果は以前と同じですか？
ほとんど、この時点で、私はおそらく詩を書いて唱えることはできません。この記事は、主に誰もがHTMLを一般的に理解し、何が起こっているのかを知ることができることです。関与していないタグはまだたくさんあります。あなたはこの本をWebデザインのために見つけて、それを記憶する必要があります。