だからこの演習の解決策を見てみましょう。
いつものように、あなたが一緒に従っていきたいなら、すぐにコードを見ることができます。
私と一から始めてください。
自由にしてください。
だから私たちがやるべきことの最初のことは、新しいファイルを作ることです。私はそれをポケモンと呼ぶでしょう。それぞれのチームが定型文を作成し、それがどこにあるのかに合わせてタイトルを記入しましょう。
ああ、チャートに来る。
だから我々はこれがH-1を上に持ち、それぞれがチャート上の最初のgen hokumであることを知っている。
そのテーブルにテーブルがあり、あなたの記憶をリフレッシュするだけでテーブルの見た目や動作に影響を与えないTヘッドとTボディがあることはわかっています。
これは純粋にマークアップを可能な限り意味を作り、検索エンジンやウェブクローラーがこれが右手に表示され、これが本文であることを認識できるようにすることです。
だから、それは実践の良いアイデアです。
次に、私たちはトップ10の4つの見出しを追加し、10代の人はイメージ名の型を持ち、進化します。
それでは、どうしたらいいか見てみましょう。
今のところテーブルがあります。
私たちが最初にやりたいことは、私たちが境界線を与えたものと一致させることだけです。
クラスで後でこれをやりたいとは思っていませんが、C Sについて話したら、C
Sを使ってすべてのスタイリングを行います。
これは純粋に物事を視覚的にすることに過ぎません。
それについて知ることは悪い考えではありませんが、実際にこれを専門的に行うのがより良いアイデアです。
OK、このデータの一部を取りに行きましょう。
それをここの下にちょうど下にコピーしてコメントしたら、最初の行を作成するので、bulbasaurで始まります。
そうではなく、TRの代わりにあなたの体に必要なものではなく、40が必要です。
名前は私たちの2番目のThに対応する予定です。
だから私はそこに2番目の場所に置くつもりです。
画像が最初に表示されます。
だから私はあなたのイメージをコピーして、次にイメージタグを作成して、あなたがこのようにちょっと離れているかもしれないと思うなら、そのtiddyの中にあなたが本当にいるようにソースを設定します。
だからあなたはこれが何にも影響を及ぼさないということを知っているのは、私たちのコードでは純粋に審美的だから、このイメージがテレビの中に入れ子になっている関係を見ることができます。
そして、最後に、AIタグを持っている別のより複雑なものがあります。
このタグのように見える必要があることを覚えておいてください.Iveyのタグは、eタグで必要なリンクをコピーしてから、そのコンテンツの名前をコピーして、次に取り除きますこれはコメントを取り除くためのものです。
まあそれを取り除くだけで、これを少しきれいにすることができます。
リフレッシュして、最初のエントリがあります。
それが動作することを再度確認します。
または私は痛むことができます。
すばらしいです。
OK。
したがって、基本的には全く同じプロセスを繰り返すことになります。
時間のために私はちょうどこれをコピーするつもりです。
ですから、この行全体を覚えて、Control-Cを実行してコントロールVとコマンドCを貼り付けることができたことを覚えておいてください。また、この素晴らしいショートカットを選択してヒットすることもできます。
そしてそれはそれを二度複製するでしょう。
今は自動的に2倍になってしまいました。
だから、最初の名前はcharl
Mandarです。あなたはOwlであり、Tamilianが必要です。
それは火のタイプであり、あなたはここにすべてペーストされています。
それを確認しましょう。
だから私たちはリンクをコピーして貼り付けているため、オープンソースにする必要があります。
すばらしいです。
今度は、Squirtle image
waterで仕上げるだけです。
リンクが名前やタートルを変更し、飲み物が水であれば、まずはあなたと一緒に行きましょう。
コピーしてそこに貼り付けてください。
そこに行く。
すべてが素晴らしいことを確認してください。
OKだから、それらが一致することを確認する必要があります。
いいね。
すばらしいです。
私がここにいる間に私が作るかもしれない小さな変化。
これについての良いレッスンです。
私はここにコメントを追加します。あなたのために明確にするために、この最初のものはあなたの次のものです。
これはチャームマンダールのすべてです。
最後に、これはSquirtleに対応するすべてです。
私が言及したように1つの変更は、これらの画像が一種のものだということです。
私たちは素早くそれらを縮小することができ、それはテーブルのサイズを縮小するでしょう。
これはスタイル情報であるCSSAで行うことです。
理想的には、各チームから遠ざかっています。
我々はそれらを別々にしておきたい。
私は毎回CSSAスタイルを構築します。
しかし、このエクササイズでは、画像に属性を付け加えて、50のような数字を入れ、それをリフレッシュとして見ます。
これは、あなたが500に変わって巨大な画像を取得する場所よりもはるかに小さい50ピクセルに変わります。
それを50に保つ。
そして私がこれをあなたに示すもう一つの理由は、この3回をコピーして貼り付けるのではなく、うまく動作することです。
それを崇高な方法で実行するより良い方法は、実際には3つのカーソルを作成することです。
ホールドコマンドをもう一度クリックしてコマンドを引っ張ってからもう一度クリックすると、入力を開始できます。
そして私は一度に3つのカーソルを持っていて50である。
だからこれはかなりクールです。
一度に複数のものを変更する必要がある場合は、場所をあちこちにクリックするだけで、たくさんのcursesが生成されます。
あなたが見ることができるように、わかりやすい、目立つサイズのテーブルがあります。
大丈夫