お帰りなさい。
そこで、このレッスンでは、新しいファイルを実際にブラウザーで開くことから始めます。また、すべてのHTMLドキュメントの基本的な構造についても学習します。
ですから、すべてのドキュメントには常にわかりやすい定型文があるということがいくつかあります。
だから崇高になることを始めて、私は新しいファイルを作るつもりです。
だから、新しいファイルやコマンドをファイルしてから、ファイルを保存して名前を付けます。
ので、ファイルを保存またはコマンドとして。
だから一度私はそれに名前をつけるつもりです。
それを最初にページTと呼ぶことにしましょう。 M. この部分は非常に重要です。
ドット・ティモ。
だから私はセーブします。
そして、それぞれのチームが崇高なことを語ります。
そして、私はそれをクロームで開くと、それはクロムに伝えられます。これは、私がそのように扱われるファイルです。
だからここでティム・アレンに書くことができます。
だから、これまで見てきたタグのうちの1つがH-1であるタグの1つです。
そして、あなたはそれが私のために強調されていることに気付くでしょう。
だからこれを記入しましょう。
これは私の最初のタグであり、このファイルを保存すると、昇華してH D M
Lであることがわかるので、対応するタグが赤くなります。
私の場合。
今私たちがやりたいことは、実際にはこのファイルを開いて見ることです。毎回テキストが出てくるのを覚えていますが、ブラウザはそれを解釈して、このようなものに変えます。
実際にChromeに開かせるには、いくつかの解決策があります。
最初のものはそれをダブルクリックするだけで、デフォルトのブラウザで開きます。
それはクロムではない場合、それはまだ動作しますが、それはSafariやFirefoxやInternet
Explorerで開きますが、実際にHTMLを表示しているわけではありません。この素敵なビジュアル表現。
いつものように私は自分のページソースを見ることができ、それはただ1つのタグであることがわかります。
このようなものよりもずっと簡単です。
しかし根底にあるのはまったく同じです。
おそらくこのページにH-1があります。
これを行うもう一つの方法です。
ファイルを右クリックしてGoogle
Chromeで開くをクリックするか、ファイルをクリックしてChromeにドラッグすると開くことができます。
同じことが潜在的にうまくいくので、あなたが誤ってファイルを閉じると、ここをドラッグして再び開くことができます。
だからちょうどクリックして私はそれを開くことができますあなたを示しています。
だから、残念ながら私は簡単なニュースを壊さなければなりません。
これまでに書いたティムLは、実際には少し間違っています。
電子メールタグ自体は問題ありませんが、これは有効な文書ではありません。
それは、すべてのページに必要な基本的な構造が不足しているためです。
だから、このように見える。
これまでのところこれまでのことと比べてはるかに優れています。
しかし、良いニュースには2つの良いニュースがあります。
1つは常に同じです。
そして、2つの昇華は、私たちがタイプしなければならない4つの文字で非常に素早くこの構造を私たちに与える素敵なショートカットを持っています。
だから、私たちはこれらの作品を個別に、少しずつ上に行くつもりですが、私はh
timlファイルの代わりに崇高に昇華させる方法を紹介することから始めるつもりです。タブを押すと、自動的にこの構造が得られます。
それでは、これが何をするかを考えてみましょう。
まずは救うつもりです。
H-G
M-Lのような対応するクローズド・ドック・タイプがなく、ヘッドとタイトルとボディー・ドック・タイプがそれ自身であるため、このドック・タイプが上に上がっています。
それでMに行きましょう。 D. どのようにあなたがそこに着くのかを示すだけで、MT-NWとそれからdocタイプを入力することになります。実際に話すのは馬鹿に思えるかもしれませんが、この情報を見つけることは開発者が何かグーグルであることを実感しているので重要です。
正しい答えをどうやって見つけますか？
私はそれについての完全な壊れた記録になるつもりです。
私の学生は、私がグーグルの芸術について話すたびに笑いますが、それは本当に重要です。
だから私はここにいる。
見てみましょう。
各ティモーエイのdocタイプは、あなたのHMOコンテンツがHDMIを使用していることを示すのが簡単です。
5人は単にdoctype H-2を使用して、その前に感嘆符を付けてHMO 5を使いたいと思っています。
私たちは、ちょっとしたことが何であるか、それが何ではないかについて正確に話します。
将来のビデオで。
しかし、我々はそれを使いたいと思う。
それは基本的に老化したばかりの最新バージョンです。
だから我々はこれを上に置く。
ですから、次に話すのはht m l要素です。
ですから、MT-NWを誰がHMOをしているのかを調べることで、これは少し難しくなります。
私たちはそこに要素を置くだけで私は常にこの名前の空の終わりを探します。
そして、これは、高齢の彼のルート要素がHMO文書の根を表すことを示しています。
他のすべての要素は、この要素の子孫でなければなりません。
だからそれはかなり自明です。
基本的には、私たちが書いたものはすべて各要素の中に入る必要があります。
さらに重要なのは、許可されたコンテンツの下では、1つのヘッド要素と、それに続く1つのヘッド要素と、1つのヘッドと1つのボディということです。
だから、頭が頭の要素であるかどうかを見てみましょう。
ドキュメントのタイトルとリンクを含む一般的な情報メタデータを提供する。スクリプトとスタイルシートの定義である。
つまり、基本的には、ユーザーとしてページに表示されないすべてのものです。
だから、私たちのスタイルシートファイルやjavascriptファイルにあるフォントファイルのようなものはすべて頭の中に入り、身体はすべてのコンテンツを置く場所です。
これは、年齢のHTML文書の内容を表します。
だから私たちがここに戻ってきたら、コメントを書く方法であることをあなたにもう1つ保証し、彼を斬ってしまいます。
もし私がちょうどこの内容を身につけて書いたら私が自分にメモを書いたければ、データが書かれていると書いているように見える。
これは実際にページに表示されるため、うまくいけません。
チームはこれをテキストのように扱い、私はそれを自分自身のメモにするだけです。
これはあらゆるプログラミング言語でできることです。
これをコメントにすることができます。コメントは、記号の感嘆符が2つ以下、内容がいくつか、次に反対の2つのダッシュと大なり記号で始まります。
だから彼は自分でそれを手作業で入力することを聞くタイプを入力することができます、そして、それは崇高に灰色になるのを見ることができます。
しかし、別の本当に気の利いたショートカットは、選択する必要のない行を選択するだけで、コマンドスラッシュに合わせることができます。また、スラッシュを表示することもできますし、トグルコメントにコメントすることもできます。
あなたがこれを忘れた場合、あなたはそれを書き留めたくありません。
もう一つの素敵なこと。
私は自分自身に複数のメモを持っていて、すべてを選択して同じことをすることができるとしましょう。
コマンドスラッシュ。
すばらしいです。
だから私はここに自分自身のメモであるこれらのコメントを残すつもりです。
私のコンテンツは体の中に入ります。
それは頭の中に入る。
つまり、私たちが自分のノートに従っているなら、ここのコンテンツは私たちの体の中に入る必要があるということです。
ですから、Doctypeを除いてH Tim L要素の外側に何も浮かべてはいけません。
他のすべては頭の中または体の中に入る。
それでは、これを開いて前と同じように見えるようにしましょう。
ダブルクリック。
同じように見えます。
ページソースが同じように見えるようにしましょう。
H-1だけが現れているのは当然のことです。
ここにいる間に欠けていることの1つはタイトルです。
タイトルは、実際のページに表示されないページに表示されるためではなく、重要です。
それは頭の中にあることを忘れないでください。
だから、それはメタデータなのですが、それは2つのことです。
1つは、私たちのタブに表示される名前またはテキストが表示されます。
また、他のページがサイトにリンクしているときや、Googleにアクセスしてこれらの名前でMDAを検索したとき、検索エンジンや他のページでも重要です。
これらはタイトルの要素から来ています。
したがって、例えばM. D. あなたのウェブ上で10年間の文書をクリックするとそれを祝う。
あなたはここにMDAがあり、それが断たれることを祝うと分かります。
タイトル要素のページの外観を調べることができます。
ここにはたくさんのものがあります。
あなたのウェブを文書化して10年を祝う。
ミズゾルのブログ。
だからタイトルは重要です。
そこで、ArcSightにタイトルを付けてみましょう。ちょうどここに私の最初のページリフレッシュウォッチと呼びましょう。
それは今のところそれです。
2つのことを覚
このボイラープレートはH him l tabと入力するだけです。
あなたはその文書の中に2つ以上あることは決してありません。
しかし、ちょうどあなたはhtmlのタブとコメントを覚えています。
あなたはコマンドスラッシュを使用してそれらをオンまたはオフにすることができます。
大丈夫