>> DOUG LLOYD：だから私たちは過ごし 私の数学が正しければ、about--
私は思うback--見て考えます 我々は話を約35動画を費やし
多分Cのさまざまな側面について もう少し、多分少し。
そして、我々はカバーしていません Cのすべてが、我々は
の大きな塊をカバー 言語、それの大半、
確かに一般的な使用のために。
今、私たちは話をするつもりです 別の言語、HTML。
そして、我々はカバーするつもりです それだけで一つのビデオインチ
>> しかし、それはOKになるだろう。
それは実際になるために起こっています あなたがに慣れるするつもりだ何か。
今、あなたが持っています 一つの言語の基礎、
それは実際にはかなり簡単です 他の人の学習を開始します。
だから我々は、開始するつもりです 少し戻っに進みます
そして、基本をごまかします これらの言語間の違い
ソートのそれにあなたを残して。
本当に素晴らしいがたくさんあり​​ます インターネット上のリソース、どの
私たちはあなたを演出開始するつもりです インターネットであるために向けて
膨大な情報の宝庫。
そしてそれはよあなたのようではありません 必ずしも負けします
情報を持たないことにより ビデオで覆われました。
あなたはまだ取得することができます あなたが必要なすべてのものと使用
あなたはすでにきた知識 Cを理解することによって構築
これらの学習曲線を作るために 実際に多くの平坦他の言語。
約束します。
>> しかし、ここで1つの言語について話しましょう それは、すべてのWebのための本当に基本的な
HTMLでページ。
HTMLはハイパーテキストマークアップ言語です。
HTMLは言語ですが、それはあります ないプログラミング言語。
>> HTMLは、変数を持っていません。
それはロジックを持っていませんか、 機能またはそのような何か。
我々は、いずれかの操作を行うことができません HTMLでそれ自体のプログラミング。
時々、あなたが聞きます 人々は自分自身を記述
HTMLのプログラマーとして、どの 完全に正確ではありません。
我々は、HTMLのプログラムを書くことはできません。
>> HTMLはテキストだけをマークアップするために使用されます。
これは、マークアップ言語と呼ばれています。
そして、これは、このmarkup--をdoes--もの 我々は、HTMLのタグと、これらのtags--を使用
これは意味的にmarkup-- ページの構造を定義します
プレーンテキストを引き起こします 解釈されるべきタグの間に存在します
さまざまな方法でのブラウザで。
そして、おそらくそれは説明するのが最善です この実例として。
>> ここでは、非常に単純なHTMLページでは、ありません HTMLプログラム、再び、HTMLページ。
そして、我々はそれがあることを知っています HTMLページ、我々はしましたので、
HTMLタグですべてを有界。
だから、これはHTMLタグがどのように見えるかです。
これは、角括弧の間です。
そして、私たちが持っている一番上に気付きます HTMLと非常に底部に、
私達は何であるかやった後に 明らかに他のHTMLの多くは、
我々は、アングルブラケットスラッシュHTMLを持っています。
だから、その種の境界があります HTMLは何で、何ではないの間。
そしてもちろん、従来は、単に あなたのCプログラムのすべてを書いたように
ドットCの拡張と、 あなたのHTMLファイルのすべて
ドットのHTML拡張子で終わります。
しかし、もっとここにあり起こっています。
私達はちょうどこれらのHTMLタグを持っていません。
我々は明らかにこれを持っています 事はheadタグと呼ばれます。
さて、[OK]を、それは何ですか？
>> まあ多分それはするのが最善です 体を介して、区別、
本体は、ウェブページの内容です。
ので、多分ヘッドタグは、ものを定義します それは、ブラウザウィンドウで、適切ではありません
何とか私たちのために重要です Webページが正しくレンダリングされています。
例えば、内 headタグは、我々はタイトルタグを持っています。
>> だからタイトルはハロー世界であること、 それは実際にどのようなことになるだろう
Chromeでタブに表示 またはサファリやFirefox--で
どんなブラウザ、あなたはそれがですprefer-- 何がタイトルに表示するために起こっています。
そして、タブの前にそれが表示されるでしょう お使いのブラウザのウィンドウ全体では最大
あなたは1ページのみを持つことができます 一度ブラウザウィンドウで開きます。
だから、になるだろう タブの私のページアップのタイトル
またはブラウザウィンドウのバー、こんにちは世界。
そして、私の、コンテンツ Webページはハロー、世界になります。
それでは、どのようないくつかを見てみましょう このようなものは、次のようになります。
これは非常に単純なHTMLページです。
だから私はここに私のCS50のIDEのだと 私は少しでズームしました。
そして、私はちょうどに行きますよ こんにちはドットHTMLを開きます
これはかなりあることを示し 我々の前に見たページコンテンツ。
私の単純なHTML、ヘッドタグ、 ようにタイトルタグ、本体、および。
私はきれいにするためにインデントしました。
>> そして私は私に何ができます IDEは、単にページをプレビューします。
そして、そこに私達は行きます。
マイページの内容は、世界であります こんにちは、私は何も表示されません
そこヘッドタグからインチ
それは身体の内容だけです。
世界、こんにちは。
そして再び体だけ 述べ、世界、こんにちは。
他の部分が欠落しています。
>> だから、実際にそれがすべてです。
これは非常に単純な基本的なHTMLページです。
今、私は私にHTMLをインデントしました 本当に素敵で編成され、
しかし、私は実際にはありません。
私はそれはかなり醜い見えるようにすることができます。
そして、これはまだ動作します。
これは正確に同じWebページになります。
私はちょうどを取り除く得ています ホワイトスペースのすべて。
>> 結局のところ、空白はデータです。
そして、私たちがデータを送信しているとき サーバから、受信機に送信者
クライアントに、データはお金がかかります。
だから空白を取り除きます 実際には良いアイデアです
あなたが提供しています誰かなら ウェブコンテンツの多くアップ。
あなたがしている場合、それは悪い考えです このようなものを学んだ人
あなたは持っていたいです それがうまく整理さ。
これは、これよりも解析がずっと簡単です。
しかし、それは機能的に同じです。
>> そのようなインデントとスタッフ 実際にHTMLで重要ではありません。
重要なのは、オープニングタグとあります 正しい順序でタグを閉じます。
しかし、ここで何が起こったのかに注目してください。
マークアップは、私たちへの道を提供します 余分な情報を伝えます
私たちが書いたものについて。
こんにちは、世界の一部でした タイトルとして解釈されます。
そして、ハロー一部は世界でした コンテンツとして解釈
または何をすべきです 私のWebページ上に表示。
>> これらの異なる100の上にあります。 タグと偉大なリソースの多く
それらを見つけるためにオンライン。
私たちは、について話をするつもりです このビデオではそ​​れらのいくつか、いくつかの
本当に基本的なものの。
しかし、我々は話をつもりはありません それすべてについてそれのため
これを行うには、網羅的であることでしょう。
>> あなたがすることができるもう一つは、しかし、 開発者ツールを開いています。
そして、あなたはから思い出した場合 HTTP上の私たちのビデオ、
私は開く方法を説明しました 開発者ツールまで。
クロームでは、通常はF12キーです 開発者ツールバーを開きます。
そして、代わりにネットワークを選択します タブには、Elementsタブを選択することができます。
そして、あなたがウェブをロードする場合 ページ、あなたは実際によ
そのウェブページを作成するHTMLを参照してください。
だから、あなたは、HTMLについて多くを学ぶことができます お気に入りのウェブサイトを見て
彼らが構築する方法を見て あなたが好きなそれらの各種。
ので、多分このクールがあります パターンまたはそのような何か。
彼らはどのようにHTMLでそれを作るのですか？
さてあなたは自分の開発者を開くことができます その要素の上にツールとホバー
HTMLがそれになります正確に何を参照してください。
だから、本当にです HTMLを学ぶための良い方法、
そして、私は強くすることをお勧めします あなたは、両方のは、HTMLを学ぶためにそれを行います
また、少し学ぶために オプションの一部について少し
で使用できます 開発者向けツール、どの
確かに便利になるだろう あなたはより集中的なウェブをやって始めます
プログラミング。
>> それでは、見てみましょう 一般的なHTMLタグのカップル。
そして、私たちはジャンプして見てみましょう これらのタグは、また何をレンダリングするのか
私のIDEのいくつかのファイルを見てのように。
だからここのための3つの非常に基本的なタグがあります テキストの外観を微調整。
Bタグ、Iタグ、Uタグがあります。
そして、それぞれ、彼らが何をされています 太字でそれらの間のテキストを描画、
イタリック、および下線。
それでは、それがどうなるかを見てみましょう 私のIDEで、実際のWebページ上のように。
>> だからここに私のIDEの私が持っています BIUドットHTMLと呼ばれるファイル。
BIUドットHTMLだけであること 太字、斜体、下線。
私はそれを開くでしょう。
>> そして、私たちは、私はそれをここに表示されます このテキストはボールド、Bタグである必要があります。
このテキストは、私がタグを斜体です。
そして、このテキストは、Uタグに下線です。
以下のように見に行くこれは何ですか？
さて、再び、すべて私が持っています こっちに行くされて実行します
私のブラウザに、私のファイルブラウザ、クリック プレビューは、これは、最大来るものです。
>> Bの間のテキスト タグ今確かに大胆です。
私の間にテキスト タグは、確かに今イタリック体です。
Uの間のテキスト タグは、実際に今、下線が引かれます。
だから、かなり良いです。
私たちは今、テキストを作成する方法を知っています もう少し凝っを見ます
または特定の物事に重点を描きます。
ここでは一般的なタグの別のカップルです 段落タグ、P、およびヘッダタグ
これは私が、HXとしてここでレンダリングしました。
>> これらのPタグは、これらの段落タグ、 段落にテキストを破ります。
それだけには十分ではありません 入力し、スペースを残して打ちます、
コンピュータにのみ起こっているので、 あなたがすることを教え何をすべきか
それは白の無視します ほとんどの部分のためのスペース。
だから我々は単にEnterを押しことができません 私たちのコンピュータを期待
私たちが望むことを解釈します 新しい段落を開始します。
我々は非常に明確にこれを言わなければなりません このparagraph-- 1がanother--です
Pタグのセットでそれぞれを囲むこともできます。
>> そして、我々はまた、これらのオプションを持っています Hタグ、これらのヘッダータグの。
我々は、6つの異なるレベルを持っています ヘッダの、1つ、2つ、3つ
4つ、5、6、 徐々に大きくし、より大きな
ヘッダー。
そして、彼らが小さく取得し、 より小さく、より小型。
だから我々は、上から2番目のレベルのヘッダを持っています レベル・ヘッダなど、など。
>> のは多分いくつかを見てみましょう Pタグと一部のヘッダータグ
Webページ上のアクションインチ
だからここに私のIDEの私はと呼ばれるファイルを持っています PHドットHTML、PHいる段落
そして、ヘッダタグ。
それを開きます。
起こっている多くはここにあります 私はいくつかのLoremのを入れているので、
イプサム、ここでいくつかのランダムなテキストだけ。
だから私は少しズームアウトします そんなにそこに起こっているので。
しかし、私は非常に持っていることに気づきます トップここで私は、H1、レベル1を持っています
headerタグ。
その後、私はちょうどある段落を、持っています ランダムtext--のLoremのの束ipsum--
テキストだけで標準的な充填をデフォルト。
だから私は、その内部の2段落を持っています レベル1ヘッダと、私の下にある下
24行目で、ここでレベル2のヘッダを持っています、 第二レベルのヘッダー、および他の2
段落。
さて、これは何をのように見えるん 私は私のプレビューで表示する場合？
どれどれ。
>> だからことに気づきます ここでは最初のレベルのヘッダ
実際にはかなり大きいです 第二レベルのヘッダーより。
だから我々は、H1タグを使用していました。
そして、Pタグが私たちを許すことに気付きます 段落に物事を破壊します。
我々は、これらのPタグを取り除く得ていた場合 実際にちょうど入り置くか、または返します
我々が望んで何の間であろう 別の段落です、
彼らはすべてちょうど一緒にスラムだろうと それはこの素敵な段落を持っていません
上記および下記のスペースで分離。
そしてそうそれは何段落です タグとヘッダタグ
一般的に描画するために行うために使用されています 当社のウェブページの一部に注目
そのようにしました。
>> 次は我々が使用するいくつかのタグです 弊社のWebページ上のリストを構築します。
だから我々は、順序付けられていない持っています ULs-- lists--だけです
注文した箇条書き、 numbered--されているリスト
OLs--のいずれかの内部 それらの一つは、我々が持っている必要があります
、LIのリスト項目を示す方法のセット。
そして、私たちはオープンULタグを持っています 私たちはその中にアイテムを置きます。
そして、我々がで行われているとき それは、我々は、ULタグを閉じることができます。
>> そして、同様に、我々は持つことができます 注文または番号付きリスト
その内のリストアイテムを置きます。
それでは、見てみましょう リストのカップルで、
そして彼らは何だろう CS50 IDE上としてレンダリングされます。
だから私はここに私のIDE Aで持っています ファイルと呼ばれるリストには、HTMLに点在しています。
のは、見てみましょう。
>> そして、私は非順序を持ってここに気付きます その中の5つのことを示します。
そして私は、順序付けられたリストを持っており、 私は、タグを少し変更しました、
右？
私はスタートが6に等しいと述べました。
これは、順序付きリスト、私と判明します どこの出発点を設定することができます
私はそれがされるデフォルトでwant--選びます - ちょうどこのいわゆる属性を追加することによって
私のOLタグに。
だからこのリストはなります 6でカウントを開始。
だから、番号付きリストの要素は、 6、7、8、9、10であるべきで、
5要素があるため、 リスト内の一つとは対照的に、
2つ、3つ、4つ、5つ、これ 私はOLを言った場合場合であります
start属性を指定せずに。
>> することができますので、だから私たちはこれをプレビューします ここで何が起こっているかのための感覚を得ます。
そして、そこに私達は行きます。
私のリストがあります。
最初の5つの要素があります 順序付けされていないか、箇条書き。
そして、次の5要素 個別の番号付きリストです
6から始まります。
どのように私たちができるように、です HTMLを使用してリストを作成。
もう一つは、あなたがかもしれません HTMLでやってみたいです
のテーブルを構築されています 行と列の情報
で情報を提示します 特に組織的。
HTMLでこれを行うために、我々は持つことができます オープンブラケットを開始するテーブル定義
テーブル。
そして、そのテーブルの内部たち 行、TRタグのセットがあるかもしれません
各行を示します。
そして、TDタグは、TRタグの中に入ります 行内の列を指定します。
>> なぜそれが、TC、TDと呼ばれていませんか？
さて、TDは、テーブルデータの略です。
通常は入れています そこにあなたの情報。
それは、TDとないTCだだから、なぜです。
それは少し紛らわしいです。
>> だから、テーブルタグを持っており、 あなたのテーブルタグの内部
あなたが行、のTRの数を持っています。
そして、それぞれの行の内側をお持ち 列数のためのTD
あなたが持っているしたいこと その特定の行インチ
のは、非常に見てみましょう CS50 IDEで単純なテーブルの上に。
>> だから私はここにファイルを持っています テーブルドットHTMLと呼ばれます。
見てみましょう 何それは次のようになります。
多くはここにあります起こっているのが、 あなたが気付いた場合、私は、テーブルが開いています。
私は、テーブルで定義を始めています。
そして、私の最初の行の私明らかに 持っている4つの列、1つ、2つ、3つ
4つの。
そして私は、その行で行われています。
>> それから私は別の行を開始し、 2、4、6、8を実行します。
その行を終了します。
別の行、3、6、9、12を実行してください。
そして最後の行、4、 8、12、それはだけれども
ここで少しカットオフ、16。
>> 私は、その行を終えました。
私はテーブルを終えました。
そして私は私のHTMLで行われています。
これは何に見えますか？
まあ、それは見ることが本当に多くありません。
私は明らかに私の情報を組織しました ややより組織的な方法です。
しかし、それはここでは超きれいではありません。
そして、我々は対処するつもりです 私たちは、CSSについて話すときに。
我々は、このアイデアを再訪します 我々はtable--を作るために何をすべきか
多分少しでも良いそれをフォーマット？
しかし、私はまだ4つの行を持っていますか、 これらの各々は、4つの列があり、
これがあるために金額本当に何 非常に簡単な4×4の乗算
テーブル。
>> 私たちが話しましょう​​わずか数以上のタグ。
それでは、についてお話しましょう HTMLフォームのコンセプト。
だから、でこれを見たことがあるかもしれ Webページへのログインのコンテキスト。
通常は、ユーザー名を入力。
あなたのパスワードを入力し、 あなたが行ってもいいです。
それは、フォームの始まりとなります。
>> 第二事業部スキップ。
また、入力を持っています 種類の形の内部に収まります。
これらは、その要素であります あなたが実際に入力しています、
またはラジオボタンを使用しています 刻々と過ぎ、またはチェック
あなたがオフに刻々と過ぎている箱。
したがって、これらは、フォームの中に入ります。
そして、彼らは基本的に含み、 フォームの各列
フォームはよくフォーマットされている場合。
そして、この概念があります 本当にないのdiv、
任意の特定のカテゴリに収まります 私がきたもののようタグの
以前にやって。
それはちょうど一種の境界設定します いくつかの任意のdivision--の始まり
ページのdiv--。
視覚的なブレークはありません。
何行はありません。
それは次のようにオフに設定されていません 自動的に別々のチャンク。
あなたはそれをスタイルする必要があるだろう それを行うために、その方法。
>> それはちょうど一種の私が欲しいと言います 私のWebページ上のスペースの一部、
そして、私はコールするつもりです それ私のページのこの部門。
私たちは、内部のものを置くことができます div要素の、そして実際には、
我々はに向かうとき、 第二で、IDE、我々はよ
私は私を入れていることを確認 DIVの内側に形成します。
>> だから私はここに私のIDE Aで持っています DIVフォームドットHTMLと呼ばれるファイル。
のは、それを開いてみましょう。
私が言ったように、それに注意してください div要素は、任意の一種です。
右？
それは本当に何を意味するものではありません。
だから私は、任意のを持っています 私のページの最初の分裂。
そして、代わりに別のdiv 後に、ライン8から始まります、
私は、このフォームを持っています。
そして、私は持っているフォームの内側 入力数、フォームのフィールド。
だから私は、その名前のフィールドを持っていますA-- これは本当に何を意味するものではありません
その権利now--明らかに テキスト、別のものを取ります
ラジオのパスワード、別のものを取ります ボタン、チェックボックスだと別の、
そして、別のそれは送信ボタンです。
さて、これは何を すべての実際のように見えますか？
さて、見てみましょう。
私たちは、プレビューウィンドウでそれを開きます。
この任意のことに注意してください 最初ありますdivision--
ここには、視覚的に分離しません。
それは本当に正しい、何もしませんでしたか？
>> そして私は私のフォームがあります。
そして、私は特別な書式設定をしませんでした。
だから、フォームはただ一つです 情報の大行。
私は違った自分のフォームをフォーマットしていた場合、 私はそれが線で行ずつ持っているかもしれません。
しかし、私は、任意のスタイリングをしませんでした。
繰り返しますが、ここでは、CSSの話をしていません。
私達はちょうどHTMLの話をしています。
>> まあ、私のテキスト形式で私がtype--ことができます text型の形ということを覚えています
私は私の名前を置くことができます。
そして、私のパスワードのI 私のパスワードを入力することができます。
そして、そのためのフィールド タイプのパスワードであり、
あなたは自分のパスワードが何であるかを知りません。
これは、すべてのドットです。
>> 私もオフにダニを選択することができ ラジオボタンやチェックボックスをオフにダニ。
また、私は、フォームを提出することができます。
そして、私は何もしませんでした、 だから私は、フォームを送信すると、
ページだけで更新されます。
しかし、私はおそらく私を設定することができ 何か他のことを行うには、ボタンを提出してください。
そして、我々は我々が何ができるかがわかります PHPの将来のビデオです。
しかし、これは非常にを構築 シンプルな形たち
ユーザーが対話持って使用することができますし、 当社のウェブサイトに情報を送信してください。
>> 我々の前に一つの最後のコメント いくつかの他のタグに移動
これを見てとることです inputタグ1より多くの時間。
私がハイライトされてきていることに注意してください 赤タグの端。
我々はこれまでに見てきた他のすべてのタグが持っています 始まりと終わり、開口部を持っていました
タグと終了タグ。
>> しかし、入力されたタグはありません。
行く何のテキストはありません 入力タグの間インチ
すべての情報 私たちは伝えることを意図するものです
の一部としてアップバインドされています その入力の属性。
私たちは、入力された名前は、xに等しい持っていることに注意してください。
タイプをyに等しいです。
それは本当にすべてです 我々が必要とする情報。
>> これは、自己終了タグと呼ばれています。
これは、開口部と、Aを必要としません。 すべての情報があるため、綿密
内部に収容されています タグとその属性。
だから、時にはあなたも、これを参照してくださいよ。
だから、あなたが持っている場合があることに注意してください 完全に自己完結しているタグ、
それはで自身を開閉します 左側の開放角ブラケット
スラッシュ角 右側のブラケット。
私たちはそれらのうちの別の1つが表示されます 今、画像タグと同様に。
>> 我々は、画像の話をする前に、 ハイパーリンクについて話をする必要があります。
私たちが望む場合は、当社のウェブページであることが判明しました インタラクティブで私たちを動き回ります、
それができるようにいいだろう それらの1つをクリックします
何が一般的に青色のリンクとなっています。
これは、我々が構築方法を実際に 弊社のWebページのハイパーリンク。
そして興味深いことに 別のHTMLタグがあります
ハイパーリンクでないリンクを、と呼ばれます。
ここで、アンカーの略で、 それは、我々は、ハイパーリンクを示す方法です。
>> hrefがXに行く意味等しいです WebページXを、すべて
タグの間にオープン そして、終了タグ
その下線付きであることを行っているものです リンクのように見える青いテキスト
我々は精通していること。
その下に、我々は、画像タグを有します 表示するための自​​己終了タグであります
X.にあるイメージと あなたが変更することができるかもしれません
指定して、その画像 幅と高さ
その他の属性で そのドットのドットが点在しています。
>> ここで一番下に 我々は非常に興味深いを持っています
ない探しタグ 終了タグを持っています。
それは感嘆符のDOCTYPE HTMLです。
だから、HTMLは以来の周りされています Webページを構築するため、1990年代初頭、
それが施さ逝ってしまいました それ以来、いくつかの改訂版。
最近2014年に それが改訂を受けました
現在あるHTML5と呼ばれます 事実上のHTML規格の一種。
>> 当社のウェブことを示すために ページはHTML5を使用して記述され、
これは我々が始める方法です。
これは、省略することができるが、 基本的にはどのようなもの
手段を使用すると、タグのいずれかを使用することはできませんです それは、これらの新しいタグHTML5のタグです。
だから我々は常にオフ開始します 我々はHTML5を使用している場合。
我々は、約話したと、すべてのタグ 以前HTML5タグはありません。
しかし、これはそれを示すことになります HTML5のタグが存在することになります。
そして、私たちは感嘆符を持っています DOCTYPEのHTML、どの
私たちの最初にあります HTMLファイル、およびその時点の後
私たちは、実際に私たちのHTMLが開いています タグ付けして、そこから進んでください。
>> 最後のものは、コメントタグであります これも、多少異なります。
それは角度で始まります ブラケット感嘆ダッシュ
ダッシュが、無閉じ括弧。
そこにそれらの2つの要素間で あなたのコメントを書き込む場所です。
そしてのは、画像を見てみましょう そして、CS50 IDEでのコメントとリンクしています。
>> だから私はここに画像リンクと呼ばれるファイルを持っています 私は開くつもりドットHTML。
そして、私はのカップルを持って気付きます 私のHTMLコメントでここにコメントしています。
だから、Cおよびその他のように プログラミング言語
ただ、マークアップ言語であることによって、HTML コメントを持っている能力を持っています。
そして、私は明らかにするつもりです リック・アストリーの画像を配置
どこかにこのdiv要素の間 タグは、この任意の部門。
どうやらそのファイルがあります リック・ドットJPEG、に位置します
我々は戻っへ向かう場合 第二のための私のファイルツリー、
に存在するファイルです 現在のディレクトリ。
だから、大丈夫です。
私はそれを参照することができます。
>> それから私は、内部リンクを持つことができます。
そこでここでは11行に気付きます 私のhrefがハロードットHTMLです。
ちょうどこんにちはドットを参照するようにHTML これは、現在のディレクトリに存在します。
そして、私はまた、外部持つことができます ただ、HTTPSを指定してリンク
私は話ではないことを示すために、 私の現在のディレクトリ内のファイルについて。
私が存在するファイルについて話しています 私はインターネット上のどこかに、
HTTPプロトコルを使用して要求します。
>> それでは、何を見てみましょう このページは次のようになります
そして、リックの画像の準備 アストリーは、画面上に表示します。
だから私はこれをプレビューします。
リック・アストリーはであります この任意で非常にトップ
部門は私が一番上にそれを置きます。
そして、私の下にある下 私のリンクがあり、右？
>> 私はハロードットHTMLへのリンクを持っています。
そして、私はそれをクリックした場合、私が取得します このページに上に移動
私たちは、から非常に精通していること 私たちのプログラムの冒頭。
私は再び開いて、そのページを開く場合は、私の場合 ポップ画像リンクは、1つのより多くの時間を開きます
私はまた、外部から行くことができます CS50のウェブサイトへ。
そして、そこに我々は、私はよsee-- 少しズームアウトhere--
我々はCS50のウェブサイトの並べ替えが表示されます ページの中央に埋め込まれました。
だから私は、内部を作ることができました リンクと外部リンク。
>> そのHTMLで最後のルール 私たちはここの話をするつもりです
あなたのHTMLがうまく形成されなければならないということです。
Cでは、私たちは多くのことを話したについて 物事の様々な構文。
HTMLでの構文は本当に タグを中心に展開。
開くすべてのタグが閉じられている必要があります。
そして、実際には、すべてのタグはあなたが開きます 逆の順序で閉じる必要があります。
>> だから、大胆なタグを開いた場合、イタリック タグ、次に下線タグ
の3つすべてを行うには テキストの特定のセット、
あなたは逆の順序でそれらを閉じる必要があります。
ですから、大胆開いた場合、 あなたは、斜体、下線
太字、斜体、下線を閉じたいです。
カプセル化のこの種は何ですか HTMLは素晴らしく、組織化し続けます。
>> Cとは異なり、しかし、構文エラーはしません 実際におそらくあなたのHTMLを損ないます。
あなたのHTMLはない十分かもしれ 形成されたが、まだ動作します。
だから、これらのエラー によってスライドの並べ替えることができます。
それは本当に警戒するのはあなた次第です。
時には彼らは失敗しますが、 時にはあなたはそれで逃げることができます。
>> それは本当にすることができます 困難な作業は、しかし、
あなたが開いたときのトラックを維持します タグ、あなたがそれを閉じたとき、
特にあなたのHTMLとして ファイルがどんどん大きく取得します。
あなたはいくつかの助けをお勧めします。
そして来店中です そのあなた検証ツール
あなたのウェブを見てするために使用することができます ページと、それは整形HTMLだかどうかを確認します。
そして、あなたは間違いなくすべき それらを見てみましょう
あなたのようにそれらを使用し始めます HTMLでいくつかの仕事をして開始し、
あなたが得るだけのように、HTMLを書きます 編成に関するいくつかの良い習慣
良い意味でのHTMLおよび 良いスタイルと確認すること
あなたは何もしていないこと 構文エラーを作成することができること
あなたのビットを引き起こします 道問題。
>> 私はダグロイドです。
これはCS50です。