داگ لوید: بنابراین ما صرف about-- اگر ریاضی من حق است، و من فکر می کنم به دنبال back-- من فکر می کنم ما صرف حدود 35 فیلم صحبت کردن در مورد جنبه های مختلف C، شاید کمی بیشتر، شاید کمی کمتر است. و ما را پوشش نمی دهد همه چیز را در C است، اما ما تحت پوشش یک تکه بزرگ از زبان، اکثریت قریب به اتفاق از آن، قطعا برای استفاده معمول. در حال حاضر ما قصد داریم به بحث در مورد زبان دیگر، HTML. و ما در حال رفتن به پوشش آن را فقط در یک فیلم. 

اما که به OK. که رفتن به واقع تبدیل به چیزی است که شما در حال رفتن به مورد استفاده برای. حالا که شما باید اصول یک زبان، آن را در واقع بسیار آسان شروع به دیگران یادگیری. بنابراین ما قصد داریم به شروع به قدم به عقب کمی و براق بر پایه تفاوت بین این زبان و به نوعی شما را ترک به آن است. در بسیاری از واقعا بزرگ وجود دارد منابع در اینترنت، که ما قصد داریم به شروع کارگردانی شما به سمت زیرا اینترنت است یک مخزن عظیمی از اطلاعات. و پس از آن شما می خواهم نمی خواهید شود از دست دادن لزوما با داشتن اطلاعات نمی تحت پوشش در یک ویدیو. شما هنوز هم قادر به دریافت شود همه چیز شما نیاز و استفاده دانش شما در حال حاضر تا با درک C ساخته شده است را به منحنی یادگیری برای این زبان های دیگر در واقع یک تملق گفتن دارد. قول میدهم. 

اما اجازه دهید در مورد یک زبان صحبت که واقعا اساسی برای هر وب صفحه، که HTML. HTML بیش از حد متن زبان نشانه گذاری است. HTML یک زبان است، اما آن است یک زبان برنامه نویسی. 

HTML کند متغیرهای ندارد. این منطق ندارد و یا توابع و یا چیزی شبیه به آن. ما می توانیم هر انجام برنامه نویسی به خودی خود در HTML. گاهی اوقات شما می شنوید مردم خود را توصیف به عنوان برنامه نویسان HTML، که است کاملا دقیق نیست. ما می توانیم برنامه های HTML ارسال کنید. 

HTML استفاده می شود فقط به علامت تا متن. آن را یک زبان نشانه گذاری نامیده می شود. و آنچه این does-- این markup-- ما با استفاده از برچسب ها در HTML و این tags-- این markup-- معنایی ساختار یک صفحه را تعریف می و باعث می شود که متنی ساده است که وجود دارد بین تگ برای تفسیر می توسط مرورگر در روش های مختلف. و شاید بهتر است به توضیح این راه های از یک تصویر. 

در اینجا یک صفحه HTML بسیار ساده است، نیست یک برنامه HTML، دوباره، یک صفحه HTML. و ما می دانیم که این یک صفحه HTML از آنجا که ما را همه چیز را با دستورات HTML محدود شده است. بنابراین این چیزی است که یک تگ HTML نظر می رسد. آن را بین براکت زاویه است. و متوجه در بالای ما HTML و در پایین بسیار، پس ما انجام داده ایم چیزی است که ظاهرا بسیاری از دیگر HTML، ما باید زاویه بریده بریده براکت HTML. به طوری که از مرز است بین آنچه HTML غیر فعال است و چه چیزی نیست. و البته، مرسوم، فقط در حالی که همه از برنامه های C خود را به شما نوشت با پسوند دات C، تمام فایل های HTML خود را با پسوند HTML نقطه پایان خواهد رسید. اما وجود دارد بیشتر در جریان است در اینجا. ما نه تنها باید از این دستورات HTML. ما ظاهرا این دارند چیزی به نام برچسب سر. خب باشه، چه است؟ 

خب شاید بهتر است به تشخیص از طریق یک بدن، بدن که محتوای صفحه وب. بنابراین شاید از برچسب سر مسائل را تعریف می کند این است که نه در پنجره مرورگر مناسب، اما به نحوی به مهم ما صفحه وب به درستی ارائه شده است. به عنوان مثال، در داخل برچسب سر ما برچسب عنوان. 

بنابراین عنوان می شود سلام جهان، است که در واقع به آنچه نشان می دهد تا در تب در کروم و یا در سافاری و یا Firefox-- هر مرورگر شما prefer-- که چه خبر است نشان می دهد تا در عنوان. و قبل از آن را نشان می دهد زبانه در کل پنجره مرورگر خود را و شما تنها می توانید یک صفحه را باز کردن در یک پنجره مرورگر در یک زمان. به طوری که برای رفتن به عنوان صفحه تا من در تب و یا نوار پنجره مرورگر، سلام جهان. و سپس محتوای من صفحه وب خواهد بود جهان، سلام. بنابراین اجازه دهید نگاهی به آنچه که برخی از چیزی شبیه این ممکن است مانند نگاه. این صفحه در HTML بسیار ساده است. بنابراین من در اینجا در IDE CS50 من و من در یک کمی بزرگنمایی است. و من فقط رفتن به باز کردن سلام نقطه HTML و شما نشان می دهد که این است که تقریبا محتوای صفحه است که ما قبل دیدم. ساده تگ های HTML، سر من، تگ عنوان، بدن، و غیره. من فاصله دار را به تمیز کردن. 

و پس از آن چه می توانم انجام در من IDE است که فقط پیش نمایش صفحه. و ما به. محتوای صفحه من جهان است، سلام، و من نمی هر چیزی را ببینید از تگ سر وجود دارد. این فقط محتوای بدن است. جهان، سلام. و دوباره بدن فقط گفت، جهان، سلام. بخش دیگر از دست رفته است. 

به طوری که واقعا همه چیز در آن است. این صفحه در HTML عمومی بسیار ساده است. در حال حاضر من به HTML فاصله دار را واقعا زیبا و سازمان یافته، اما من در واقع نه به. من می توانم آن را به نگاه بسیار زشت است. و این هنوز هم کار می کنند. این امر می تواند صفحه وب یکسان است. من فقط از شر بدست همه از فضای سفید است. 

همانطور که معلوم است، فضای سفید داده است. و تا زمانی که ما در حال ارسال داده ها از فرستنده به گیرنده، از سرور به مشتری، هزینه های داده پول است. و پس از گرفتن فضای خالی خلاص شدن از شر است که در واقع یک ایده خوب اگر شما کسی هستید که در خدمت تا مقدار زیادی از محتوای وب. این یک ایده بد است اگر شما فردی که یادگیری این مسائل و شما می خواهید به آن را به سادگی برگزار می شود. این خیلی آسان تر به تجزیه از این است. اما این عملکرد یکسان. 

دندانه و چیزهای که در واقع در HTML مهم نیست. تمام آنچه که مهم است و باز کردن برچسب ها بسته شدن برچسب ها در جهت درست. متوجه آنچه در اینجا اتفاق افتاده، هر چند. نشانه گذاری به ما می دهد یک راه برای برقراری ارتباط اطلاعات اضافی مورد آنچه که ما نوشته شده است. بخش سلام جهان شد تفسیر به عنوان به عنوان. و جهان، سلام بخشی بود آن را به عنوان محتوای و یا چه باید باشد قابل مشاهده بر روی صفحه وب است. 

بیش از 100 از این تفاوت وجود دارد برچسب ها و تعداد زیادی از منابع بزرگ آنلاین آنها را پیدا کنید. ما قصد داریم در مورد یک بحث تعداد کمی از آنها در این فیلم، برخی از از چیزهای واقعا اساسی است. اما ما در حال بحث نمی در مورد آن همه به خاطر آن می شود جامع به انجام این کار. 

چیز دیگری که شما می توانید انجام دهید، هر چند، است باز کردن ابزار توسعه است. و اگر شما از یاد ویدیو های ما در HTTP، من توضیح داد که چگونه برای باز کردن تا ابزار توسعه است. در کروم آن را معمولا کلید F12 برای باز کردن نوار ابزار توسعه دهنده. پس از آن به جای انتخاب شبکه تب، شما می توانید زبانه عناصر را انتخاب نمایید. و اگر شما یک وب بار صفحه، واقع شما می خواهید HTML است که آن صفحه وب را ایجاد ببینید. و بنابراین شما می توانید تعداد زیادی در مورد HTML یادگیری با نگاه کردن به وب سایت های مورد علاقه خود را و دیدن آنها ساخت تکه های مختلف از آنها که دوست دارید. بنابراین شاید این سرد وجود دارد الگو یا چیزی شبیه به آن. چگونه می توانم آنها آن را با HTML؟ خب شما فقط می توانید باز کردن توسعه خود را ابزار و شناور بیش از آن عنصر و ببینید که دقیقا چه HTML آن را می سازد. به طوری که واقعا راه خوب برای یادگیری HTML، و من به شدت توصیه شما آن را انجام هر دو به یادگیری HTML و همچنین برای یادگیری کمی کمی در مورد برخی از گزینه های موجود به شما در ابزار توسعه، که قطعا در دستی به عنوان آمده شما شروع به انجام وب فشرده تر برنامه نويسي. 

بنابراین اجازه دهید یک نگاهی به زن و شوهر از تگ های HTML مشترک است. و ما به پرش و نگاهی به چه از این دستورات نیز ارائه خواهد شد به عنوان با نگاه برخی از فایل های در IDE است. بنابراین در اینجا سه ​​برچسب ها بسیار اساسی هستند افزایش سرعت ظاهر بصری از متن. برچسبهای B، من برچسب ها، برچسب ها و U وجود دارد. و به ترتیب آنچه انجام می دهند ارائه متن بین آنها به صورت ضخیم، کج، زیر خط و. بنابراین اجازه دهید ببینیم که چه چیزی را نگاه مانند بر روی صفحه وب واقعی در IDE است. 

بنابراین در اینجا در IDE من من یک فایل به نام BIU نقطه HTML. BIU نقطه HTML فقط حروف درشت، کج، زیر خط دار. من آن را باز کنید. 

و ما در اینجا خواهید دید که من این متن bold است برچسب ها B. این متن italic است برچسب ها من. و این متن برچسب ها U underlined را میدهد. این چیست به مانند نگاه؟ خوب دوباره، تمام من انجام دهید این است در اینجا به بیش از به مرورگر من، مرورگر فایل من، کلیک کنید پیش نمایش، و این چیزی است که می آید تا. 

متن را در بین B برچسب ها است که در واقع در حال حاضر تیره می کند. متن را در بین من برچسب ها است که در واقع در حال حاضر مورب. و متن در بین U برچسب ها است که در واقع در حال حاضر underlined را میدهد. به طوری که خیلی خوب است. ما اکنون می دانیم که چگونه برای ایجاد متن نگاه کمی بیشتر فانتزی و یا قرعه کشی تاکید به کارهای خاص است. یکی دیگر از چند برچسب ها مشترک در اینجا پاراگراف ها، برچسب ها P و هدر، که من در اینجا به عنوان HX ارائه شده است. 

از این دستورات P، این پاراگراف، شکستن متن خود را تا به پاراگراف. این به اندازه کافی نیست که فقط آمار را وارد کنید و ترک فاصله، به دلیل یک کامپیوتر فقط رفتن به آنچه که شما آن را به انجام و آن را نادیده سفید فضا برای بیشتر قسمت ها. بنابراین ما نمی توانیم فقط ضربه را وارد کنید و انتظار کامپیوتر ما برای تفسیر که ما می خواهیم برای شروع یک پاراگراف جدید. ما باید بسیار به صراحت می گویند این یکی paragraph-- این است another-- با گذاشتن هر کدام در یک مجموعه ای از برچسب ها P. 

و ما نیز این گزینه ها برچسب ها برای برچسب H، این دستورات هدر. ما شش سطح مختلف از هدر، یک، دو، سه، چهار، پنج و شش، که به تدریج بزرگتر و بزرگتر هدر. و آنها کوچکتر و کوچکتر و کوچکتر و کوچکتر است. بنابراین ما باید یک ضربه سطح بالا، یک ثانیه هدر سطح، و به همین ترتیب، و غیره. 

اجازه دهید یک نگاه شاید برخی از برچسب ها P و برخی از تگ هدر در عمل در یک صفحه وب. بنابراین در اینجا در IDE من یک فایل به نام PH نقطه HTML، PH بودن پاراگراف و تگ هدر. باز که تا. وجود دارد بسیاری در رفتن در اینجا چون من طراح قرار داده ام Ipsum در، برخی فقط متن تصادفی در اینجا. بنابراین من زوم کردن کمی به دلیل وجود دارد آنقدر در رفتن. اما توجه کنید که من در بسیاری دارند بالا در اینجا من یک H1، سطح یک، تگ هدر. سپس من یک پاراگراف، است که فقط باید یک دسته از Lorem text-- تصادفی ipsum-- فقط به طور پیش فرض پر کردن استاندارد در متن. بنابراین من دو پاراگراف در داخل آن سطح یک ضربه سر و سپس به پایین زیر من یک سطح دو هدر در اینجا در خط 24، یک ضربه سطح دوم، و دیگری دو پاراگراف. خب این چه چیزی را مانند نگاه اگر مشاهده آن من در پیش نمایش من؟ بیایید ببینید. 

بنابراین توجه داشته باشید که هدر سطح اول در اینجا است که در واقع بسیار کمی بزرگتر از هدر سطح دوم است. بنابراین ما تگ H1 استفاده می شود. و توجه کنید که برچسب P به ما اجازه می دهد برای شکستن همه چیز را به پاراگراف. اگر ما از کسانی که در تگ P بود خلاص و در واقع فقط با قرار دادن وارد و یا بازگشت در بین آنچه که ما امیدوار بود باشد پاراگراف مختلف، همه آنها را فقط با هم شدت بهم زدن و آن را این بند خوب نیست جدایی با فضای بالا و پایین. و به طوری که آنچه پاراگراف برچسب ها و تگ هدر معمولا استفاده می شود به انجام به منظور جلب توجه به بخش هایی از صفحه وب سایت ما در آن راه. 

تا در کنار برخی از تگ های که با استفاده از ما برای ساخت لیست در صفحه وب ما. بنابراین ما باید نامرتب lists-- ULs-- که فقط لیست گلوله ای، دستور داد لیست که numbered-- هستند OLs-- و در داخل از هم یکی از کسانی که ما نیاز به مجموعه ای از چگونه برای نشان اقلام لیست، LI. و بنابراین ما باید تگ UL باز و ما وضعیت را در داخل آن است. و پس از آن زمانی که ما با هم انجام شود که، ما می توانید از تگ UL را ببندید. 

و به همین ترتیب ما می توانیم یک لیست مرتب و یا شماره قرار داده و فهرست اقلام در داخل از آن. بنابراین اجازه دهید یک نگاهی از در چند لیست و آنچه که آنها به عنوان ارائه در CS50 IDE. بنابراین من در اینجا در IDE من اند فایل به نام لیست نقطه HTML. بیا یک نگاهی بیندازیم. 

و توجه در اینجا من یک نامرتب دارند لیست با پنج چیز در آن است. و پس از آن من یک لیست مرتب، و من برچسب را تغییر داده ام کمی، درست؟ من گفته ام شروع برابر است با شش. به نظر می رسد با یک لیست مرتب من می توانید نقطه شروع هر کجا تنظیم من به طور پیش فرض want-- آن one-- خواهد بود تنها با اضافه کردن این ویژگی به اصطلاح به تگ OL من. و به این ترتیب این لیست شروع به شمارش در شش. پس عناصر که لیست شماره باید شش، هفت، هشت، نه، ده، چرا که پنج عنصر وجود دارد در لیست، به عنوان یکی از مخالف، دو، سه، چهار، پنج، که امر می تواند مورد اگر OL گفته بود بدون تعیین ویژگی شروع می شود. 

بنابراین ما فقط این پیشنمایش بنابراین شما می توانید یک حس برای آنچه که در اینجا. و ما به. فهرست من وجود دارد. پنج عنصر اول لیست های نامرتب و یا گلوله ای. و پنج عنصر بعدی یک لیست مرتب جداگانه با شروع از شش. به طوری که چگونه ما می توانیم ساخت لیست با استفاده از HTML. چیز دیگری که شما ممکن است می خواهید با HTML ساخت یک جدول از اطلاعات از سطر و ستون برای ارائه اطلاعات در یک به خصوص راه سازمان یافته است. برای انجام این کار با HTML ما می توانیم یک دارند تعریف جدول آغاز براکت باز جدول. و سپس در داخل آن جدول ما ممکن است مجموعه ای از ردیف ها، برچسب ها TR دارند به نشان می دهد هر ردیف. و سپس برچسب ها TD داخل برچسب ها TR رفتن برای مشخص کردن یک ستون در یک ردیف. 

چرا آن را به نام TD و TC نیست؟ خب، TD مخفف داده های جدول. معمولا شما در حال قرار دادن اطلاعات شما وجود دارد. به همین دلیل آن را TD و TC. این یک کمی گیج کننده است. 

بنابراین شما باید برچسب ها جدول و داخل برچسب ها جدول خود را شما یک تعداد سطرها، TRS. و در داخل هر سطر شما TDS برای تعداد ستون ها که شما می خواهید به در آن ردیف خاص است. اجازه دهید یک نگاه بسیار جدول ساده در بیش از CS50 IDE. 

بنابراین من در اینجا یک فایل به نام جدول نقطه HTML. اجازه دهید یک نگاه آنچه که به نظر می رسد. وجود دارد بسیاری در رفتن در اینجا اما اگر شما متوجه من یک جدول باز است. من شروع به تعریف با جدول. و سپس در ردیف اول من ظاهرا چهار ستون، یک، دو، سه، چهار. و سپس من با آن ردیف انجام می شود. 

پس از آن یک ردیف دیگر شروع کنم و انجام دو، چهار، شش، هشت. پایان برساند که ردیف. آیا ردیف دیگری، سه، شش، نه، 12. و سپس یک ردیف گذشته، چهار، هشت، 12 و اگر آن را کمی قطع در اینجا، 16. 

من به پایان رسید که ردیف. من جدول به پایان رسید. و سپس من با HTML من انجام می شود. این به چه شکلی است؟ خوب، آن را واقعا نمی بسیار برای دیدن. من به وضوح اطلاعات من سازماندهی کرده اید در راه تا حدودی سازمان یافته تر. اما آن را فوق العاده زیبا اینجا نیست. و ما قصد داریم برای مقابله با که هنگامی که ما در مورد CSS صحبت کنید. ما این ایده از شما دوباره آنچه که ما انجام دهید تا یک table-- شاید آن را با فرمت کمی بهتر؟ اما من هنوز چهار ردیف، که هر کدام دارای چهار ستون، و واقعا چه این مقدار به یک بسیار ساده چهار چهار ضرب جدول. 

فقط چند برچسب ها ما در مورد صحبت کنید. اجازه دهید در مورد صحبت مفهوم یک فرم HTML. بنابراین شما ممکن است این در دیده زمینه ورود به یک صفحه وب. معمولا شما در نام کاربری خود را تایپ کنید. شما رمز عبور خود را تایپ کنید، و شما خوب به آن بروید. این امر می تواند آغاز یک فرم است. 

پرش بیش از div یک دوم. ما همچنین ورودی دارند که نوع داخل اشکال مناسب است. این عناصر هستند که شما در واقع به تایپ کردن، و یا دکمه های رادیویی شما تیک تاک، و یا چک جعبه های که شما در حال تیک تاک کردن. بنابراین این داخل اشکال است. و آنها را تشکیل می دهند اساسا هر سطر از فرم در صورتی که فرم خود را به خوبی فرمت. سپس این مفهوم وجود دارد یک div که واقعا نمی جا و در هر دسته خاص برچسب مانند آنهایی که من انجام شده است قبلا. این فقط از نوع demarcates آغاز برخی از division-- دلخواه div-- صفحه. بدون استراحت بصری وجود دارد. هیچ خط وجود دارد. آن را به عنوان یک تنظیم نشده تکه جداگانه به صورت خودکار. شما می خواهم که آن را سبک که راه را برای انجام این کار. 

این فقط از نوع گوید من می خواهم یک تکه ای از فضای در صفحه وب من، و من فقط رفتن به پاسخ به این بخش از صفحه من. ما می توانیم چیزهای داخل قرار راستیآزمایی اطلاعات طراحی، و در واقع، هنگامی که ما سر را به IDE در یک ثانیه، ما دید که من قرار دادن من فرم داخل یک div. 

بنابراین من در اینجا در IDE من اند فایل به نام دیو فرم دات HTML. بیایید آن را باز کنید. توجه داشته باشید که مثل من گفت، DIV نوع دلخواه است. درست؟ آن واقعا هیچ معنایی ندارد. بنابراین من دلخواه باشند بخش اول صفحه من. و بعد به جای یکی دیگر از DIV بعد از آن، با شروع در خط هشت، من این فرم. و در داخل قالب من یک تعداد ورودی ها، زمینه های فرم. بنابراین من باید یک درست است که نام A-- که واقعا هیچ معنایی ندارد now-- راست که ظاهرا طول می کشد متن، یکی دیگر که یک رمز عبور، دیگری است که یک رادیو طول می کشد را فشار دهید، دیگری است که یک جعبه چک است، و دیگری که یک ثبت را فشار دهید. خب، چه می کند این همه در واقع شبیه؟ خوب، اجازه دهید نگاهی به. ما آن را در پنجره پیش نمایش ما باز کردن. توجه کنید که این دلخواه اولین division-- وجود دارد هیچ جدایی بصری است. این واقعا انجام هر کاری، درست است؟ 

و بعد من فرم من داشته باشد. و من هیچ قالب خاصی نیست. بنابراین شکل است که فقط یکی ردیف بزرگ از اطلاعات است. اگر من فرم متفاوت فرمت شده، من ممکن است آن را با خط خط به خط. اما من هیچ یک ظاهر طراحی شده نیست. باز هم، ما در مورد CSS صحبت نمی کنید. ما در حال صحبت کردن در HTML فقط در مورد. 

خب به صورت متن من می توانم type-- به یاد داشته باشید که اشکال از نوع متن بنابراین من می تواند نام من قرار داده است. و رمز عبور من می توانید رمز عبور من را تایپ کنید. و چون که درست از نوع رمز عبور، شما نمی دانید که رمز عبور من است. این همه نقطه است. 

من همچنین می توانید به تیک تیک کردن را انتخاب کنید دکمه های رادیویی و یا تیک تیک کردن یک جعبه چک. و یا من می تواند فرم را ارسال کنید. و من هیچ کاری انجام نمی، تا زمانی که من فرم را انتخاب و صفحه فقط تازه. اما من شاید می تواند پیکربندی من دکمه ارسال را به انجام کار دیگری. و خواهیم دید که چه ما می توانیم با انجام که در یک ویدیو آینده در PHP. اما این را می سازد بسیار فرم ساده که ما می توانید استفاده کنید به کاربران تعامل و ارائه اطلاعات به وب سایت ما. 

یکی از آخرین نظر قبل از ما حرکت بر روی برخی از تگ های دیگر به نگاهی به این تگ ورودی یک بار دیگر. توجه کنید که من مشخص کردم به پایان می رسد از برچسب به رنگ قرمز. هر تگ دیگر ما تا کنون دیده ام است آغاز و پایان، باز به حال برچسب و برچسب پایانی ندارد. 

اما یک تگ ورودی را نمی کند. هیچ متنی که می رود وجود دارد در بین تگ ورودی. همه اطلاعات ما در حال به قصد انتقال است تا به عنوان بخشی از محدود صفات که ورودی. توجه داشته باشید که ما نام ورودی برابر است با X. نوع برابر y. این واقعا همه اطلاعات ما نیاز داریم. 

این یک تگ بسته شدن خود به نام. این کار باز و یک نیاز نیست نزدیک به دلیل تمام اطلاعات در داخل موجود برچسب ها و ویژگی های آن است. بنابراین گاهی اوقات شما این را ببینید، TOO. پس فقط آگاه باشید که اگر شما یک برچسب است که به طور کامل خود شامل، آن باز می شود و خود را با بسته براکت زاویه باز در سمت چپ و زاویه بریده بریده براکت در سمت راست. ما یکی دیگر از کسانی را ببینید در حال حاضر با برچسب تصویر و همچنین. 

قبل از اینکه ما در مورد تصاویر صحبت می کنیم، در مورد نیاز به لینک صحبت کنید. اگر ما می خواهیم صفحه وب ما را به عنوان تعاملی و ما حرکت در اطراف، این امر می تواند خوب باشد قادر با کلیک بر روی یکی از آن آنچه به طور معمول یک لینک آبی رنگ است. این است که در واقع نحوه ساخت یک لینک در صفحه وب ما. و به اندازه کافی جالب یکی دیگر از تگ HTML وجود دارد نام لینک است که یک لینک است. در اینجا برای لنگر می ایستد، و این که چگونه ما نشان می دهد یک لینک. 

یک عکاس هنگام عکسبرداری برابر است با X معنی به وب X. صفحه و همه چیز بین باز برچسب و نزدیک برچسب همان چیزی است که برای رفتن به تاکید است که متن آبی است که به نظر می رسد مثل یک لینک که ما با آن آشنا هستید. در زیر است که ما یک تگ تصویر، که است خود بسته شدن تگ برای نمایش یک تصویر واقع در X. و شما ممکن است قادر به تغییر که تصویر را بوسیله عرض و ارتفاع و ویژگی های دیگر در که نقطه نقطه نقطه وجود دارد. 

در پایین در اینجا ما باید بسیار جالب به دنبال تگ که نمی یک برچسب پایانی ندارد. این علامت تعجب نقطه DOCTYPE HTML است. بنابراین HTML در حدود سال بوده است اوایل 1990s برای ساخت صفحات وب، و آن را تحت رفته چند تجدید نظر پس از آن. اخیرا در سال 2014 آن را تحت یک تجدید نظر نام HTML5 است که در حال حاضر در حال حاضر مرتب کردن بر اساس استاندارد بالفعل HTML. 

نشان می دهد که وب سایت ما صفحات نوشته شده با استفاده از HTML5، این است که چگونه ما شروع کردن. می توان آن را حذف اما چه که اساسا معنی است که شما می توانید هر یک از برچسب ها استفاده کنید که برچسب HTML5، آن برچسب جدید است. بنابراین ما همیشه شروع کردن اگر ما با استفاده از HTML5. و همه ما در مورد برچسب ها صحبت کرده ام قبلا تگ HTML5 است. اما این نشان می دهد که برچسب ها HTML5 حضور خواهد داشت. و بنابراین ما باید تعجب DOCTYPE HTML، که در همان ابتدا از ما فایل HTML، و سپس پس از آن نقطه ما در واقع HTML باز برچسب و ادامه از وجود دارد. 

یکی از آخرین برچسب توضیحات، که به نظر می رسد کمی متفاوت است، بیش از حد. این شروع می شود با زاویه براکت به علامت تعجب فاصله خط تیره اما هیچ براکت بسته. در میان این دو عنصر وجود دارد است که در آن شما ارسال نظرات خود را. و اجازه دهید نگاهی به تصاویر و نظرات و لینک در CS50 IDE. 

بنابراین من در اینجا یک فایل به نام تصویر لینک نقطه HTML که من قصد دارم به باز کردن. و متوجه من چند کردم نظرات در نظرات HTML است. بنابراین درست مانند C و سایر زبانهای برنامه نویسی، HTML فقط با بودن در یک زبان نشانه گذاری اختصاص توانایی به نظر. و به این ترتیب من ظاهرا به رفتن مشخصات یک عکس از ریک Astley جایی بین این DIV برچسب، این تقسیم بندی دلخواه. ظاهرا که فایل است واقع در ریک نقطه JPEG، که اگر ما سر به عقب به درخت فایل من برای یک ثانیه، یک فایل که در وجود دارد دایرکتوری جاری است. به طوری که خوب است. من می توانم آن مرجع است. 

سپس من می توانید از لینک های داخلی را داشته باشد. بنابراین در خط 11 توجه در اینجا عکاس هنگام عکسبرداری من خوش آمدید نقطه HTML است. به طوری که فقط به سلام نقطه HTML اشاره که در دایرکتوری جاری وجود دارد. و من همچنین می توانید خارجی لینک تنها با مشخص کردن HTTPS نشان می دهد که من صحبت نمی در مورد یک فایل در پوشه فعلی من. من صحبت کردن در مورد یک فایل که وجود دارد جایی در اینترنت، که من به درخواست استفاده از پروتکل HTTP. 

بنابراین اجازه دهید نگاهی به آنچه این صفحه ممکن است مانند نگاه و آماده برای یک عکس از ریک گرفتن Astley در نشان می دهد تا بر روی صفحه نمایش خود را. بنابراین من این پیش نمایش. این ریک Astley وجود دارد در بسیار بالا در این دلخواه بخش من آن را در بالا قرار داده. و پس از آن در زیر من لینک های من، درست است؟ 

من یک لینک به hello نقطه HTML. و اگر من کلیک کنید که، من بیش از این صفحه منتقل که ما بسیار آشنا با از هستی ابتدا از برنامه های ما. اگر من آن صفحه باز پاپ دوباره، اگر من پاپ لینک تصویر را باز یک بار دیگر، من همچنین می توانید به خارج به وب سایت CS50 است. وجود دارد و ما see-- من شما زوم کردن کمی here-- ما CS50 که مرتب سازی بر وب سایت از دید جاسازی شده در وسط صفحه است. بنابراین من قادر به داخلی بود پیوند به عنوان یک لینک خارجی. 

آخرین قانون با HTML که ما قصد داریم به مورد اینجا صحبت این است که خود را در HTML باید به خوبی شکل گرفته است. در C که ما بسیاری در مورد صحبت کردیم نحو های مختلف از همه چیز. در HTML نحو واقعا حول محور برچسب ها. هر تگ شما برای باز کردن باید بسته شود. و در واقع، هر تگ شما برای باز کردن باید در جهت معکوس بسته شود. 

بنابراین اگر شما برای باز کردن یک برچسب با حروف درشت، یک کج برچسب، و پس از آن یک برچسب زیر خط دار خط به انجام هر سه به یک مجموعه ای خاص از متن، شما باید آنها را در جهت معکوس را ببندید. بنابراین اگر شما باز با حروف درشت، کج، زیر خط دار خط، شما می می خواهید برای بستن خط دار خط، کج، جسورانه است. این نوع از داده ها با یگدیگر چه چیزی است نگه می دارد HTML زیبا و سازمان یافته. 

بر خلاف C، هر چند، خطا نحو نیست در واقع HTML شما را فلج احتمالا. HTML شما ممکن است به خوبی تشکیل اما هنوز هم کار می کنند. و به این ترتیب این اشتباهات می توانید از اسلاید های مرتب کردن. این به شما این است که واقعا مراقب باشند. گاهی اوقات آنها را شکست اما گاهی اوقات شما می توانید با آن را دریافت. 

این می تواند یک واقعا کار دشوار است، هر چند، برای پیگیری از زمانی که شما باز برچسب، هنگامی که شما آن را بسته، به خصوص به عنوان HTML خود را فایل های بزرگتر و بزرگتر. شما به کمک برخی می خواهید. و آنلاین وجود دارد ابزار اعتبار سنج که شما می توانید استفاده کنید به یک نگاه در وب سایت خود را صفحه و ببینید که اگر آن را به خوبی HTML تشکیل شده است. و شما قطعا باید نگاهی به آن و شروع به استفاده از آنها را به عنوان شما را شروع انجام بعضی از کار با HTML، نوشتن HTML، فقط بنابراین شما می توانید برخی از عادات خوب در مورد سازماندهی HTML خود را در یک راه خوب و سبک خوب و مطمئن شوید که شما در حال انجام نیست که هر چیزی می تواند یک خطای نحوی که ایجاد شما باعث یک بیت از یک مشکل پایین جاده. 

من داگ لوید هستم. این CS50 است.