டக் LLOYD: எனவே நாம் செலவு பற்றி என் கணித சரியான என்றால், மற்றும் நான் நினைக்கிறேன் back-- தேடும் நாம் பேசி சுமார் 35 வீடியோக்கள் செலவு ஒருவேளை சி பல்வேறு அம்சங்களை பற்றி ஒரு சிறிய மேலும், வேளை, கொஞ்சம் குறைவாக. நாம் மறைப்பதற்கு இல்லை சி எல்லாம், ஆனால் நாம் ஒரு பெரிய துண்டின் மூடப்பட்டிருந்தது மொழி, அது பெரும்பாலான, நிச்சயமாக பொதுவான பயன்பாடுகளுக்கு. இப்போது நாம் பேச போகிறோம் பற்றி மற்றொரு மொழி, HTML ஐ. நாம் மறைக்க போகிறீர்கள் அது ஒரு வீடியோ. 

ஆனால் அது சரி இருக்க போகிறது. உண்மையில் ஆக நடக்கிறது ஏதாவது நீங்கள் கற்று கொள்ள போகிறோம். இப்போது நீங்கள் வேண்டும் என்று ஒரு மொழியின் அடிப்படை விடயங்கள் அது உண்மையில் மிகவும் எளிது மற்றவர்கள் கத்துக்கோ. எனவே நாம் தொடங்க போகிறோம் ஒரு சிறிய பின்வாங்க செய்ய மற்றும் அடிப்படை மீது விரிவுரை இந்த மொழிகளுக்கு இடையே வேறுபாடுகள் மற்றும் வகையான அதை விட்டு. உண்மையில் பெரிய நிறைய இருக்கிறது இணையம், வளங்களை இது நாங்கள் உங்களுக்கு இயக்கும் தொடங்க போகிறோம் இணைய ஏனெனில் நோக்கி தகவல் ஒரு பரந்த களஞ்சியமாக. அதனால் அது உன்னிடம் போல் இது இல்லை அவசியம் இருக்க வெளியே இழந்து தகவல் இல்லாமல் மூலம் ஒரு வீடியோ விவாதிக்கப்படுகின்றன. நீங்கள் இன்னும் பெற முடியும் எல்லாம் உங்களுக்கு தேவை மற்றும் பயன்பாடு நீங்கள் ஏற்கனவே இருக்கிறது அறிவு சி புரிந்து மூலம் கட்டியெழுப்பப்பட்ட இந்த வளைவு செய்ய உண்மையில் மற்ற மொழிகளில் நிறைய முகஸ்துதி. நான் சத்தியம் செய்கிறேன். 

ஆனால் இது ஒரு மொழி பற்றி பேசுகிறேன் என்று ஒவ்வொரு வலை உண்மையில் அடிப்படை தான் HTML ஆகும் வகையில், பக்கம். HTML, ஹைப்பர் உரை குறியீட்டு மொழி உள்ளது. HTML ஒரு மொழி ஆகும் ஆனால் அது ஒரு நிரலாக்க மொழி. 

HTML, மாறிகள் இல்லை. இது தர்க்கத்தின் இல்லை அல்லது செயல்பாடுகளை அல்லது அப்படி எதுவும். நாம் எந்த செய்ய முடியாது HTML இல் உள்ளபடியே நிரலாக்க. சில நேரங்களில் நீங்கள் கேட்க வேண்டும் மக்கள் தங்களை விவரிக்கின்றன HTML, புரோகிராமர்கள், இது போன்ற முற்றிலும் துல்லியமானது அல்ல. நாம் HTML திட்டங்கள் எழுத முடியாது. 

HTML, உரை வரை குறிக்க பயன்படுத்தப்படுகிறது. அது ஒரு மொழி என்று. மேலும் இந்த markup-- does-- என்ன நாம் HTML மற்றும் இந்த குறிச்சொற்களை குறிச்சொற்களை பயன்படுத்த இந்த சொற்பொருளியல் markup-- ஒரு பக்கம் கட்டமைப்பு வரையறுக்கிறது மற்றும் உரை ஏற்படுத்துகிறது என்று குறிச்சொற்களை விளக்கம் வேண்டும் இடையே உள்ளது வெவ்வேறு வழிகளில் உலாவிகளில். ஒருவேளை அது தான் விளக்க சிறந்த தான் ஒரு விளக்கம் இந்த வழி. 

இங்கே ஒரு மிக எளிய HTML பக்கம், இல்லை ஒரு HTML திட்டம், மீண்டும், ஒரு HTML பக்கம். நாம் அது ஒரு தெரியும் HTML பக்கம் நாங்கள் நான் ஏனெனில் HTML குறிச்சொற்களை எல்லாம் சூழப்பட்டிருந்தது. எனவே இந்த ஒரு HTML குறியை போல் உள்ளது. அது கோண அடைப்புகள் இடையே தான். மற்றும் நாம் மேலே கவனிக்க HTML மற்றும் மிகவும் கீழே, நாங்கள் என்ன செய்துவிட்டேன் பிறகு வெளிப்படையாக மற்ற HTML நிறைய, நாங்கள் கோணத்தில் அடைப்புக்குறி சாய்வு HTML வேண்டும். எனவே அந்த மாதிரி எல்லை HTML என்றால் என்ன என்ன அல்ல இடையே. நிச்சயமாக, வழக்கமாக, வெறும் உங்கள் சி திட்டங்கள் எழுதினார் என டாட் சி நீட்சிகள், உங்கள் HTML கோப்புகளை அனைத்து டாட், HTML நீட்சிகள் முடிவடையும். ஆனால் இன்னும் இங்கே அங்கு நடக்கிறது. நாங்கள் இந்த HTML குறிச்சொற்களை இல்லை. நாம் வெளிப்படையாக இந்த வேண்டும் விஷயம் ஒரு தலை டேக் என்று. சரி, சரி, என்று என்ன இருக்கிறது? 

சரி ஒருவேளை அது சிறந்ததாகும் ஒரு உடல் மூலம் வேறுபடுத்தி, உடல் வலை பக்கம் உள்ளடக்கத்தில் இருப்பது. அதனால் தலை டேக் பொருட்களை வரையறுக்கிறது என்று, உலாவி சாளரத்தில் சரியல்ல ஆனால் எப்படியோ முக்கியமானது எங்கள் வலைப்பக்கத்தில் சரியாக காண்பிக்கப்பட்ட. உதாரணமாக, உள்ளே தலை டேக் நாங்கள் தலைப்பு குறிச்சொற்களை வேண்டும். 

எனவே தலைப்பு ஹலோ உலக இருப்பது, அந்த உண்மையில் என்ன இருக்க போகிறது Chrome இல் தாவலில் காட்டுகிறது அல்லது Safari அல்லது Firefox-- உள்ள என்ன உலாவி நீங்கள் தான் prefer-- என்ன தலைப்பு வரை காட்ட நடக்கிறது. மற்றும் தாவல்கள் முன் அதை காண்பிக்க வேண்டும் உங்கள் முழு உலாவி சாளரத்தில் நீங்கள் ஒரே ஒரு பக்கம் இருக்க முடியும் ஒரு நேரத்தில் ஒரு உலாவி சாளரத்தில் திறக்கும். அதனால் இருக்க போகிறது தாவலில் என் பக்கம் வரை தலைப்பு அல்லது உலாவி சாளரத்தை பொருட்டல்ல, உலக ஹலோ. , பின்னர், உள்ளடக்கத்தை என் வலைப்பக்கத்தில் ஹலோ, உலக இருக்கும். எனவே என்ன சில பாருங்கள் அனுமதிக்க இது போன்ற விஷயம் இப்படி இருக்க கூடும். இந்த ஒரு அழகான எளிய HTML பக்கம் உள்ளது. அதனால் நான் என் CS50 IDE இல் இங்கே இருக்கிறேன் நான் ஒரு சிறிய பிட் உள்ள காண்பிக்க. மற்றும் நான் போகிறேன் டாட் ஹலோ, HTML திறந்து இந்த அழகான மிகவும் என்று நீங்கள் காட்ட நாம் முன்னர் பார்த்த அந்த பக்கம் உள்ளடக்கத்தை. என் எளிய HTML, தலை, குறிச்சொற்களை, தலைப்பு குறிச்சொற்களை, அதனால் உடல், மற்றும். நான் சுத்தமாக இருக்க வேண்டும் பதித்த. 

நான் என்ன செய்ய முடியும் பின்னர் என்ன என் IDE, ஒரு பக்கம் முன்னோட்டத்தை. அங்கு நாம். என் பக்கம் உள்ளடக்கம், உலகம் ஹலோ, நான் ஒன்றும் தெரியவில்லை அங்கு தலையில் குறிச்சொற்களை இருந்து. அது உடலில் உள்ளடக்கம் தான். உலக, ஹலோ. மீண்டும் உடல் தான் கூறினார், ஹலோ, உலகின். மற்ற பகுதி காணவில்லை. 

அதனால் உண்மையில் அது தான். இது ஒரு மிக எளிய அடிப்படை HTML பக்கம் உள்ளது. இப்போது நான் என் HTML பதித்த உண்மையில் நல்ல மற்றும் ஒழுங்கமைக்கப்பட்ட இருக்க ஆனால் நான் உண்மையில் இல்லை. நான் அதை அழகாக அசிங்கமாக இருக்கும் செய்ய முடியும். இந்த இன்னும் வேலை செய்யும். இந்த துல்லியமான அதே வலைப்பக்கத்தில் இருக்கும். நான் விடுபட வெள்ளை இடத்தில் அனைத்து. 

அதை திருப்பி என, வெள்ளை விண்வெளி தரவு. எனவே நாம் இருந்து தரவை அனுப்பி போது அனுப்புநர் சர்வரில் இருந்து, ரிசீவர் வாடிக்கையாளர், தரவு பணம் செலவாகிறது. அதனால் இடைவெளி விட்டொழிக்க உண்மையில் ஒரு நல்ல யோசனை நீங்கள் யாராவது என்றால் யார் உதவுகிறது வலை உள்ளடக்கத்தை நிறைய. நீங்கள் என்றால் அது ஒரு மோசமான யோசனை இந்த விஷயங்களை கற்று யார் யாரோ மற்றும் நீங்கள் வேண்டும் அது நன்றாக ஏற்பாடு. இதை விட அலச நிறைய எளிதாகும். ஆனால் அது செயல்படவில்லை ஒரே மாதிரியாக தான். 

அந்த மாதிரி உள்தள்ளலை மற்றும் பொருட்களை உண்மையில் HTML இல் ஒரு விஷயமே இல்லை. முக்கியமானது என்று அனைத்து திறந்து குறிச்சொற்களை மற்றும் ஆகிறது சரியான வரிசையில் மூடுதல் குறிச்சொற்கள். என்றாலும், இங்கு என்ன நடந்தது என்பதைக் கவனியுங்கள். மார்க் எங்களுக்கு ஒரு வழி கொடுக்கிறது கூடுதல் தகவல் தொடர்பு நாம் எழுதிய நான் என்ன. வணக்கம், உலக பகுதியாக இருந்தது தலைப்பு எனவும் பொருள்படும். மேலும், ஹலோ பகுதியாக உலக இருந்தது உள்ளடக்கம் என விளக்கம் அல்லது என்ன இருக்க வேண்டும் என் வலை பக்கத்தில் தெரியும். 

இந்த வெவ்வேறு 100 உள்ளன குறிச்சொற்களை மற்றும் பெரிய வளங்கள் நிறைய அவர்களை கண்டுபிடிக்க ஆன்லைன். நாம் ஒரு பற்றி பேச போகிறோம் இந்த வீடியோவில் இன்னும் சில, சில உண்மையில் அடிப்படை பொருட்களை. ஆனால் நாம் பேச்சு போவதில்லை அதை பற்றி அது ஏனெனில் அவ்வாறு செய்ய முழுமையான இருக்கும். 

நீங்கள் என்றாலும், செய்ய முடியும் மற்றொரு விஷயம், டெவலப்பர் கருவிகள் திறக்க உள்ளது. நீங்கள் நினைவு என்றால் HTTP, நம் வீடியோ, நான் திறக்க எப்படி விளக்கினார் டெவலப்பர் கருவிகள். குரோம், பொதுவாக F12 விசையை தான் டெவலப்பர் டூல்பார் திறந்து. பின்னர் அதற்கு பதிலாக நெட்வொர்க் தேர்ந்தெடுக்கும் தாவல், நீங்கள் கூறுகள் தாவலை தேர்வு செய்யலாம். நீங்கள் ஒரு வலை ஏற்றினால் பக்கம், நீங்கள் உண்மையில் தருகிறேன் அந்த வலைப்பக்கத்தில் உருவாக்குகிறது என்று HTML பார்க்க. அதனால் நீங்கள் HTML பற்றி நிறைய கற்று கொள்ள முடியும் உங்களுக்கு பிடித்த வலைத்தளங்களை பார்த்து அவர்கள் உருவாக்க எப்படி பார்த்து நீங்கள் விரும்பும் என்று இன்னும் பல்வேறு துண்டுகளாக. அதனால் இது குளிர் இருக்கிறது அமைப்பு அல்லது அந்த மாதிரி ஏதாவது. எப்படி அவர்கள் HTML அதை எப்படி செய்வது? சரி நீங்கள் உங்கள் டெவலப்பர் திறக்க முடியும் என்று உறுப்பு மீது கருவிகள் மற்றும் மிதவை மற்றும் HTML அதை செய்கிறது என்பதை பார்க்க. அதனால் ஒரு உண்மையில் தான் HTML அறிய நல்ல வழி, நான் கடுமையாக பரிந்துரைக்கிறோம் நீங்கள் இருவரும் அறிய செய்ய, HTML மேலும் ஒரு சிறிய கற்றுக்கொள்ள விருப்பங்கள் சில பற்றி பிட் உங்களுக்கு கிடைக்கும் டெவலப்பர் கருவிகள், இது நிச்சயமாக கைக்குள் வரும் நீங்கள் இன்னும் தீவிர செய்வதற்கு வலை நிரலாக்க. 

எனவே, ஒரு பாருங்கள் அனுமதிக்க பொதுவான HTML குறிச்சொற்களை ஜோடி. நாம் குதிக்க மற்றும் பாருங்கள் வேண்டும் இந்த குறிச்சொற்களை மேலும் ஆக்கிவிடும் என்ன என் IDE இல் சில கோப்புகளை பார்த்து என. எனவே இங்கே மூன்று மிகவும் அடிப்படை குறிச்சொற்களை உள்ளன உரை காட்சி தோற்றத்தை tweaking. பி குறிச்சொற்களை, நான் குறிச்சொற்களை மற்றும் யூ குறிச்சொற்களை இருக்கிறது. முறையே அவர்கள் என்ன ஆகிறது தடித்த அவர்களுக்கு இடையே உரை வழங்க, சாய்வு, மற்றும் அடிக்கோடிடுதல். எனவே அந்த இருக்க என்ன என்று பார்ப்போம் என் IDE இல் ஒரு உண்மையான வலைப்பக்கத்தில் போன்ற. 

இங்கு என் IDE இல் நான் ஒரு biu டாட் HTML என்று கோப்பு. Biu டாட், HTML இருப்பது வெறும் தைரியமான, சாய்வு, அடிக்கோடிட்டிக்காட்டிய. நான் அதை திறக்க வேண்டும். 

நாங்கள் எல்லோரும் என்று இங்கே பார்க்கலாம் இந்த உரை பி குறிச்சொற்களை தைரியமான உள்ளது. இந்த உரை நான் குறிச்சொற்களை சாய்வு உள்ளது. இந்த உரை யூ குறிச்சொற்களை கோடிட்ட உள்ளது. இது எப்படியிருக்கும் போகிறது? சரி மீண்டும், நான் இல்லை இங்கு சென்று செய்ய என் உலாவி, என் கோப்பு உலாவி, கிளிக் முன்னோட்டம், மற்றும் இந்த வரும் என்ன. 

பி இடையே உள்ள உரை குறிச்சொற்களை உண்மையில் இப்போது தைரியமான உள்ளது. நான் இடையில் உரை குறிச்சொற்களை உண்மையில் இப்போது சாய்வு உள்ளது. மற்றும் U இடையே உள்ள உரை குறிச்சொற்களை உண்மையில் இப்போது அடிக்கோடிட்டுக் காட்டப்படுகிறது. அதனால் நல்ல தான். நாம் இப்போது உரை செய்ய தெரியும் இன்னும் கொஞ்சம் ஆடம்பரமான பார்க்க அல்லது சில விஷயங்களை அழுத்தம் வரைய. இங்கு பொதுவான குறிச்சொற்களை மற்றொரு ஜோடி பத்தி குறிச்சொற்களை, P மற்றும் தலைப்பு குறிச்சொற்களை, இது நான் HX என மொழிபெயர்க்கப்பட்டுள்ள. 

இந்த ப குறிச்சொற்கள், இந்த பத்தி குறிச்சொற்களை, பத்திகள் உங்கள் உரை உடைக்க. இது போதுமானதாக இல்லை உள்ளிடவும் மற்றும் இடைவெளிகள் விட்டு அடிக்க, ஒரு கணினி மட்டுமே போகிறது ஏனெனில் நீங்கள் செய்ய அதை சொல்ல என்ன செய்ய அது வெள்ளை புறக்கணிக்கிறது பெரும்பாலான விண்வெளி. எனவே தான் சேர்க்கவும் மற்றும் எங்கள் கணினி எதிர்பார்க்க நாம் விரும்பும் விளக்குவது ஒரு புதிய பத்தி தொடங்க வேண்டும். நாங்கள் மிகவும் வெளிப்படையாக இதை சொல்ல வேண்டும் இந்த பத்தி ஒரு மற்றொரு உள்ளது பி குறிச்சொற்களை ஒரு தொகுப்பு ஒவ்வொரு ஒலிவடிவங்கள் உருவாக்கப்படுகின்றன. 

மற்றும் நாம் இந்த விருப்பங்களை வேண்டும் எச் குறிச்சொற்களை, இந்த தலைப்பு குறிச்சொற்களை. நாங்கள் ஆறு வெவ்வேறு நிலைகளில் வேண்டும் தலைப்புகளை, ஒன்று, இரண்டு, மூன்று, இவை நான்கு, ஐந்து, ஆறு, படிப்படியாக பெரிய மற்றும் பெரிய தலைப்புகள். அவர்கள் சிறிய பெற மற்றும் சிறிய மற்றும் சிறிய மற்றும் சிறிய. எனவே நாம் ஒரு இரண்டாவது ஒரு உயர்மட்ட தலைப்பு இல்லை நிலை தலைப்பு, மற்றும் பல, மற்றும் பல. 

தான் ஒருவேளை சில பாருங்கள் எடுத்து கொள்வோம் பி குறிச்சொற்களை மற்றும் சில தலைப்பு குறிச்சொற்களை ஒரு வலை பக்கத்தில் நடவடிக்கை. இங்கு என் IDE இல் நான் என்று ஒரு கோப்பு பி.எச் டாட், HTML, பிலிப்பைன்ஸ் இருப்பது பத்திகள் மற்றும் தலைப்பு குறிச்சொற்களை. என்று திறந்து. நிறைய இங்கே நடக்கிறது நான் சில ரூம் சேர்த்திருக்கிறேன் ஏனெனில் சர்வீஸ், இங்கே உள்ள சில சீரற்ற உரை. அதனால் நான் கொஞ்சம் வெளியே பெரிதாக்க வேண்டும் அங்கு தான் இவ்வளவு நடக்கிறது. ஆனால் நான் மிகவும் இல்லை என்று கவனிக்க , நான் ஒரு, H1, ஒரு நிலை ஒன்று இங்கே மேலே தலைப்பு குறிச்சொல். பிறகு நான் இது ஒரு பத்தி, வேண்டும் சீரற்ற text-- ரூம் ஒரு கொத்து ipsum-- வெறும் உரை நிலையான நிரப்புதல் இயல்புநிலைக்கு. எனவே நான் அந்த உள்ளே இரண்டு பத்திகள் நிலை ஒரு தலைப்பு, பின்னர் கீழே நான் கீழே வரி 24 இல் ஒரு நிலை இரண்டு தலைப்பு, ஒரு இரண்டாம் நிலை தலைப்பு, மற்றும் இருவர் பத்திகள். சரி இந்த அப்படி என்ன இருக்கிறது நான் என் முன்னோட்ட அதை பார்க்க? நாம் பார்க்க. 

அதனால் கவனிக்கிறது இங்கே முதல் நிலை தலைப்பு உண்மையில் மிகவும் ஒரு பிட் பெரியது இரண்டாம் நிலை தலைப்பு விட. எனவே நாம், H1 குறிச்சொற்களை பயன்படுத்தலாம். மற்றும் பி குறிச்சொற்களை எங்களுக்கு அனுமதிக்க வேண்டும் என்று கவனிக்க பத்திகள் ஒரு விஷயங்கள் வெளியே உடைக்க. நாம் அந்த பி குறிச்சொற்களை துரத்திவிட்டன இருந்திருந்தால் உண்மையில் வைத்து நுழைந்திருக்கிறது அல்லது ரிட்டர்ன்ஸ் நாங்கள் எதிர்பார்த்த இடையில் என்று வெவ்வேறு பத்திகள் இருக்கும், அவர்கள் எல்லாரும் ஒன்றாக மூஞ்சி மேலேயே என மற்றும் அது இந்த நல்ல பத்தி இல்லை என்று மேலே மற்றும் கீழே விண்வெளி கொண்டு பிரிப்பது. அதனால் அந்த என்ன தான் பத்தி குறிச்சொற்களை மற்றும் தலைப்பு குறிச்சொற்களை பொதுவாக வரைய செய்ய பயன்படுத்தப்படும் எங்கள் வலை பக்கம் பகுதிகள் கவனம் அந்த வழியில். 

அடுத்து நாம் பயன்படுத்தும் சில குறிச்சொற்களை உள்ளன எங்கள் வலை பக்கத்தில் பட்டியல்கள் உருவாக்க. எனவே நாம் வரிசையிலமையாத வேண்டும் lists-- ULs-- இது வெறும் இருக்கிறது உத்தரவிட்டார் புல்லட் பட்டியல்கள், numbered-- இது பட்டியலில் OLs-- மற்றும் உள்ளே ஒன்று அந்த ஒரு நாம் செய்ய வேண்டும் , லி பட்டியலில் பொருட்களை குறிக்க எப்படி செட். எனவே நாம் திறந்த உல் டேக் இல்லை மற்றும் நாம் அது உள்ளே பொருட்களை வைத்து. பின்னர் நாம் முடித்துவிட்டீர்கள் போது என்று, நாம் உல் குறிச்சொல் மூட முடியும். 

அதேபோல், நாம் இருக்க முடியும் ஒரு கட்டளையிட்டார் அல்லது எண்ணிடப்பட்ட பட்டியல் மற்றும் உள்ளே என்று பட்டியலில் பொருட்களை வைத்து. எனவே ஒரு முறை பார்ப்போம் பட்டியல்கள் ஒரு ஜோடி மற்றும் அவர்கள் என்ன என்று , CS50 உள்ள IDE அன்று விடாது. அதனால் நான் என் IDE கண்டுபிடிக்க இங்கே இல்லை கோப்பை என்று அழைக்கப்படும் பட்டியல்கள், HTML dot. ஒரு பார்க்கலாம். 

மற்றும் நாம் இங்கு கவனிக்க நான் ஒரு வரிசையிலமையாத வேண்டும் அதை ஐந்து விஷயங்கள் பட்டியலிட. பின்னர் நான் ஒரு கட்டளையிட்டார் பட்டியல், மற்றும் நான் டேக் கொஞ்சம் மாறிவிட்டது, சரியா? நான் தொடக்கத்தில் ஆறு சமம் என்றார். அது ஒரு கட்டளையிட்டார் பட்டியல் நான் மாறிவிடும் தொடக்க புள்ளியாக எங்கு அமைக்க முடியும் நான் அதை one-- இருக்கும் இயல்பாக want-- மூலம் தான் இந்த பெயரளவிலான பண்பு சேர்த்து என் கர்த்தாவே டேக். எனவே இந்த பட்டியலில் சாப்பிடுவேன் ஆறு மணிக்கு எண்ணிக்கை தொடங்கும். என்று எண்ணப்படுகின்றன பட்டியலில் எனவே கூறுகள் இருக்க வேண்டும் ஆறு, ஏழு, எட்டு, ஒன்பது, பத்து, ஐந்து உறுப்புகள் உள்ளன, ஏனெனில் பட்டியலில், ஒரு எதிர்க்கும், இரண்டு, மூன்று, நான்கு, ஐந்து, இது நான் கர்த்தாவே சொன்னேன் என்றால் வழக்கில் இருக்கும் துவக்க கற்பிதம் குறிப்பிடாமல். 

எனவே நீங்கள் எனவே நாம் இந்த முன்னோட்டத்தை வேண்டும் இங்கே என்ன நடக்கிறது ஒரு உணர்வு கிடைக்கும். அங்கு நாம். என் பட்டியலில் இருக்கிறது. முதல் ஐந்து உறுப்புகள் வரிசையிலமையாத அல்லது புல்லட் பட்டியல்கள். அடுத்த ஐந்து கூறுகளை ஒரு தனி உத்தரவிட்டார் பட்டியல் ஆறு இருந்து தொடங்கி. என்று நாம் எப்படி முடியும் HTML பயன்படுத்தி பட்டியல்கள் உருவாக்க. மற்றொரு விஷயம், நீங்கள் போகலாம் HTML உடன் செய்ய வேண்டும் ஒரு அட்டவணை உருவாக்க வரிசைகள் மற்றும் பத்திகள் தகவல் ஒரு தகவல் முன்வைக்க குறிப்பாக வழி ஏற்பாடு. நாம் ஒரு முடியும் HTML இந்த செய்ய திறந்த அடைப்புக்குறி தொடங்கி அட்டவணை வரையறை அட்டவணை. பின்னர் அந்த அட்டவணை உள்ளே நாங்கள் வரிசைகள், டிஆர் குறிச்சொற்களை ஒரு தொகுப்பு வேண்டும் ஒவ்வொரு வரிசையில் குறிக்க. பின்னர், TD குறிச்சொற்களை டிஆர் குறிச்சொற்களை உள்ளே செல்கின்றன ஒரு வரிசையில் உள்ள ஒரு பத்தியில் குறிப்பிட வேண்டும். 

ஏன், TD அழைத்து TC இல்லை? சரி, இருக்கும் TD அட்டவணை தரவு குறிக்கிறது. பொதுவாக நீங்கள் போடுவதை அங்கு உங்கள் தகவல். அது, TD மற்றும் டிசி தான் அதனால் தான். அது ஒரு சிறிது குழப்பமாக இருக்கிறது. 

எனவே நீங்கள் அட்டவணை குறிச்சொற்களை வேண்டும் மற்றும் உங்கள் அட்டவணை குறிச்சொற்களை உள்ளே நீங்கள் வரிசைகள், டிஆர்எஸ் உள்ளன. ஒவ்வொரு வரிசையில் உள்ளே நீங்கள் வேண்டும் பத்திகள் எண்ணிக்கை அதுமட்டுமல்கிறது நீங்கள் வேண்டும் என்று அந்த குறிப்பிட்ட வரிசையில். ஒரு மிகவும் பாருங்கள் நாம் , CS50 IDE இல் மீது எளிய அட்டவணை. 

எனவே நான் இங்கு ஒரு கோப்பு அட்டவணை டாட் HTML என்று. தான் ஒரு பாருங்கள் என்ன என்று தெரிகிறது. நிறைய இங்கே நடக்கிறது ஆனால் நீங்கள் கவனிக்க என்றால், நான் ஒரு அட்டவணை திறந்த வேண்டும். நான் அட்டவணை வரையறை தொடங்கி இருக்கிறேன். பின்னர் என் முதல் வரிசையில் நான் வெளிப்படையாக இல்லை நான்கு பத்திகள், ஒன்று, இரண்டு, மூன்று, நான்கு. பின்னர் நான் அந்த வரிசையில் முடிச்சாச்சு. 

அப்பொழுது நான் மற்றொரு வரிசையில் தொடங்க இரண்டு, நான்கு, ஆறு, எட்டு செய்கிறது. அந்த வரிசையில் முடிக்கவும். மற்றொரு வரிசையில், மூன்று, ஆறு, ஒன்பது, 12 செய்யுங்கள். பின்னர் ஒரு கடைசி வரிசையில், நான்கு, எட்டு, 12, மற்றும் அது தான் என்றாலும் ஒரு சிறிய, 16 இங்கே துண்டித்து. 

நான் அந்த வரிசையில் முடிந்ததும். நான் அட்டவணை முடித்தார். பின்னர் நான் என் HTML முடிச்சாச்சு. இது எப்படியிருக்கும்? சரி, அதை பார்க்க மிகவும் அதிகம் இல்லை. நான் மனதில் தகவல் ஏற்பாடு சற்றே ஒழுங்கமைக்கப்பட்ட முறையில். ஆனால் அது இங்கு சூப்பர் அழகாக இல்லை. நாம் சந்திக்க போகிறோம் நாம் CSS பற்றி பேசும் போது. நாம் இந்த யோசனை மீண்டும் சொல்கிறேன் நாம் ஒரு அட்டவணை செய்ய என்ன ஒருவேளை கொஞ்சம் நன்றாக அதை வடிவமைக்க? ஆனால் நான் இன்னும் நான்கு வரிசைகள் இல்லை, இவை ஒவ்வொன்றும் நான்கு பத்திகள் உள்ளன, ஒரு உள்ளது மற்றும் உண்மையில் இந்த தொகை என்ன மிக எளிய நான்கு நான்கு பெருக்கம் அட்டவணை. 

நாம் பற்றி பேச வேண்டும் இன்னும் சில குறிச்சொற்களை. பற்றி பேசலாம் ஒரு HTML வடிவம் கருத்து. எனவே நீங்கள் இந்த பார்த்திருக்கிறேன் ஒரு வலை பக்கத்தில் உள்நுழைந்து சூழலில். பொதுவாக நீங்கள் உங்கள் பயனர் பெயர் தட்டச்சு. நீங்கள், உங்கள் கடவுச்சொல்லை தட்டச்சு நீங்கள் செல்ல நல்ல இருக்கும். என்று ஒரு வடிவம் தொடக்கத்தில் இருக்கும். 

மேல் ஸ்கிப்பிங் இரண்டாவது div. நாங்கள் உள்ளீடுகள் கொண்ட வகையான வடிவங்கள் உள்ளே பொருந்தும். இந்த கூறுகள் என்று நீங்கள் உண்மையில், ஒரு தட்டச்சு அல்லது ரேடியோ பட்டன்கள் நீங்கள் துடிப்பதாக, அல்லது காசோலை நீங்கள் விட்டு துடிப்பதாக என்று பெட்டிகள். எனவே இந்த படிவங்களை உள்ளே போக. அவர்கள் அடிப்படையில் உள்ளனர் வடிவம் ஒவ்வொரு வரிசையில் உங்கள் வடிவம் நன்கு வடிவமைக்கப்பட்ட என்றால். பின்னர் இந்த கருத்து இருக்கிறது உண்மையில் இல்லை, இது ஒரு கிராம, எந்த குறிப்பிட்ட பிரிவில் பொருந்தும் நான் தான் போல குறிச்சொற்களை இதற்கு முன்னர் என்ன செய்து. அது ஒரு வகையான demarcates சில தன்னிச்சையான division-- தொடங்கி பக்கம் div--. எந்த காட்சி இடைவெளி இருக்கிறது. எந்த வரி இருக்கிறது. அது ஒரு ஆஃப் அமைக்க தானாக தனி துண்டின். நீங்கள் அதை பாணி வேண்டும் என்று அந்த வழியில் அதை செய்ய வேண்டும். 

அது ஒரு வகையான நான் ஒரு வேண்டும் என்கிறார் என் வலை பக்கம் இடத்தை துண்டு, மற்றும் நான் அழைக்க போகிறேன் அது என் பக்கம் இந்த பிரிவு. நாம் உள்ளே பொருட்களை வைக்க முடியாது அதிர்ஷ்டவசமாக, மற்றும் உண்மையில், எங்கள் மீது தலைமை போது ஒரு இரண்டாவது எஸ்டி, நாம் தருகிறேன் நான் போடுவதை என்று பார்க்க என் ஒரு div உள்ளே அமைக்க. 

அதனால் நான் என் IDE கண்டுபிடிக்க இங்கே இல்லை கிராம வடிவம் டாட் HTML என்று கோப்பு. அது திறந்து விட. நான் சொன்னது போல் என்று பாருங்கள், கிராம தன்னிச்சையான வகையான உள்ளது. சரியா? இது உண்மையில் எதையும் அர்த்தம் இல்லை. அதனால் நான் ஒரு தன்னிச்சையான வேண்டும் என் பக்கம் முதல் பிரிவு. பின்னர் பதிலாக மற்றொரு கிராம பின்னர் வரி எட்டு தொடங்கி, நான் இந்த படிவத்தை வேண்டும். மேலும் படிவத்தை உள்ளே நான் ஒரு உள்ளீடுகள் எண்ணிக்கை, படிவத்தை துறைகள். எனவே நான் அதன் பெயர் ஒரு துறையில் எ உண்மையில் எதையும் அர்த்தம் இல்லை வலது இப்போது இருக்கிறேன் என்று வெளிப்படையாக உரை, மற்றொரு எடுக்கும் என்று ஒரு வானொலி என்று ஒரு கடவுச்சொல்லை, மற்றொரு எடுக்கிறது பொத்தானை, ஒரு சோதனை பெட்டி என்று மற்றொரு, மற்றும் என்று மற்றொரு ஒரு பொத்தானை சமர்ப்பிக்க. சரி, என்ன செய்கிறது அனைத்து உண்மையில் போல இருக்கும்? சரி, ஒரு பாருங்கள் நாம். நாங்கள் எங்கள் முன்னோட்ட சாளரத்தில் அதை திறக்க வேண்டும். இந்த தன்னிச்சையான என்று அறிவிப்பு முதல் அங்கு division-- இங்கே எந்த காட்சி பிரிப்பது. அது உண்மையில், வலது எதையும் செய்ய வில்லை? 

பின்னர் நான் என் வடிவம் வேண்டும். நான் எந்த சிறப்பு வடிவமைப்பு செய்யவில்லை. எனவே வடிவம் ஒன்றாகும் தகவல் பெரிய வரிசை. நான் வித்தியாசமாக என் வடிவம் வடிவமைக்கப்பட்ட இருந்தால், நான் இது வரி மூலம் வரி மூலம் நீங்கள் வரி வேண்டும். ஆனால் நான் எந்த ஸ்டைலிங் செய்யவில்லை. மீண்டும், நாம் CSS பற்றி பேசமாட்டோம். நாம், HTML பற்றி பேசுகிறீர்கள். 

சரி என் உரை வடிவில் நான் தட்டச்சு செய்தால் முடியும் நினைவில் வகை உரை வடிவங்கள் அதனால் நான் என் பெயர் வைக்க முடியாது. என் கடவுச்சொல்லை நான் உள்ள என்னுடைய கடவுச்சொல்லை தட்டச்சு செய்யலாம். அந்த நிலத்தை, ஏனெனில் , வகை கடவுச்சொல்லை ஆகிறது நீங்கள் என்னுடைய கடவுச்சொல்லை என்ன என்று எனக்கு தெரியாது. அது அனைத்து புள்ளிகள் தான். 

நான் கூட ஒரு ஆஃப் டிக் தேர்வு செய்யலாம் ரேடியோ பொத்தான் அல்லது ஒரு காசோலையை சூசகமாக. அல்லது நான் என் படிவத்தை சமர்ப்பிக்க முடியும். நான் எதையும் செய்ய வில்லை, அதனால் நான் என் வடிவம் to போது, பக்கம் தான் புதுப்பிக்கப்படும். ஆனால் நான் ஒருவேளை கட்டமைக்க முடியும் என் வேறு ஏதாவது செய்ய வேண்டும் பட்டனை '. மற்றும் நாம் என்ன செய்ய முடியும் பார்க்க வேண்டும் PHP இல் ஒரு எதிர்கால வீடியோ என்று. ஆனால் இந்த ஒரு மிகவும் உருவாக்குகிறார் எளிய வடிவம் என்று நாம் பயனர் தொடர்பு வேண்டும் பயன்படுத்த முடியும் மற்றும் எங்கள் வலைத்தளத்தில் தகவல் 'to. 

ஒரு கடைசி கருத்து நாம் முன் வேறு சில குறிச்சொற்களை செல்ல இந்த பாருங்கள் எடுக்க வேண்டும் உள்ளீடு டேக் இன்னும் ஒரு முறை. நான் உயர்த்தி என்று அறிவிப்பு சிவப்பு டேக் முனைகள். நாம் இதுவரை பார்த்த ஒவ்வொரு மற்ற டேக் உள்ளது ஒரு ஆரம்பம் மற்றும் ஒரு இறுதியில், ஒரு தொடக்க இருந்தது டேக் மற்றும் மூடுதல் குறிச்சொல்லை. 

ஆனால் ஒரு உள்ளீடு டேக் இல்லை. செல்கிறது என்று எந்த உரையும் இல்லை உள்ளீடு குறிச்சொற்கள் இடையே. அனைத்து தகவல்களும் நாங்கள் தெரிவிப்பதற்கு நினைக்கிறான் பகுதியாக பிணைந்துள்ளது உள்ளீடு அந்த பண்புகளை. நாங்கள் உள்ளீடு பெயர் x சமம் வேண்டும் கவனிக்க. வகை Y சமம். தான் உண்மையில் அனைத்து தகவல் நாம் வேண்டும். 

இது தனக்குத்தானே மூடுதல் குறிச்சொல்லை என்று அழைக்கப்படுகிறது. அது ஒரு தொடக்க மற்றும் ஒரு தேவையில்லை நெருங்கிய தகவல் அனைத்து ஏனெனில் உள்ளே உள்ள டேக் மற்றும் அதன் பண்புகளை. அதனால் சில நேரங்களில் நீங்கள் கூட, இந்த பார்க்கிறேன். நீங்கள் ஒரு இருந்தால் என்று, அதனால் எச்சரிக்கையாக இருக்க முற்றிலும் தன்னிறைவான என்று டேக், அது திறக்கிறது மற்றும் தன்னை நிறைவடைகிறது இடது திறந்த கோண அடைப்புக்குறி மற்றும் சாய்வு கோணம் வலது அடைப்புக்குறி. நாம் அந்த மற்றொரு ஒன்று பார்க்க வேண்டும் இப்போது பட குறிச்சொற்களை கொண்டு அதே. 

நாம் படங்கள் பற்றி பேச முன், நாம் ஹைப்பர்லிங்க் பற்றி பேச வேண்டும். நாங்கள் விரும்பினால் நமது வலைப்பக்கத்தில் இருக்க ஊடாடும் மற்றும் நம்மை சுற்றி நகர்த்த, அது முடியும் நன்றாக இருக்கும் அந்த ஒரு கிளிக் பொதுவாக என்ன ஒரு நீல இணைப்பை வருகிறது. இந்த நாம் உருவாக்க எப்படி உண்மையாக நமது வலைப்பக்கத்தில் உள்ள ஒரு ஹைப்பர்லிங்க். மற்றும் ஆர்வத்தினை போதும் மற்றொரு HTML குறியை இல்லை ஒரு ஹைப்பர்லிங்க் அல்ல இது, இணைப்பு என்று. ஒரு இங்கே நங்கூரம் குறிக்கிறது, மற்றும் என்று நாம் ஒரு ஹைப்பர்லிங்க் குறிக்க எப்படி. 

ஒரு படம் x என்பது செல்ல சமகிறது வலைப்பக்கத்தில் எக்ஸ் எல்லாம் ஒரு டேக் திறந்த இடையே மற்றும் நெருங்கிய ஒரு டேக் என்ன இருக்க போகிறது என்று கோடிட்ட ஒரு இணைப்பை போல அந்த நீல உரை நாங்கள் அறிந்த என்று. என்று கீழே நாம் ஒரு படம் டேக், கொண்ட ஒரு சுய காண்பிக்கும் டேக் நிறைவு எக்ஸ் நேரத்தில் அமைந்துள்ள ஒரு படத்தை மேலும் நீங்கள் மாற்ற முடியும் குறிப்பிடுவதன் மூலம் அந்த படத்தை அகலம் மற்றும் உயரம் மற்றும் பிற பண்புகளை என்று டாட் டாட் அங்கு dot. 

இங்கே மிகவும் கீழே நாம் ஒரு மிக சுவாரசியமான டேக் பார்த்து இல்லை மூடுதல் குறிச்சொல்லை வேண்டும். அது ஆச்சரியக்குறி டாக்டைப்பானது HTML தான். எனவே HTML இருந்து சுற்றி வருகிறது வலை பக்கங்களைப் 1990 களின் தொடக்கத்தில், அது பெற்றுவிட்டன போய்விட்டாள் பின்னர் பல திருத்தங்களை. மிக சமீபத்தில் 2014 இல் அது ஒரு திருத்தம் கண்டது இப்போது தற்போதைய இது HTML5 என்று நடைமுறையில் HTML நிலையான வகையான. 

குறிப்பிடுகின்றன என்று எங்கள் வலை பக்கங்கள், HTML5 பயன்படுத்தி நாங்கள் துவங்க எப்படி உள்ளது. அது நீக்கப்படுகிறது ஆனால் என்ன அந்த அடிப்படையில் உங்களைச் குறிச்சொற்களை எந்த பயன்படுத்த முடியாது என்று HTML5 குறிச்சொற்களை, அந்த புதிய குறிச்சொற்களை என்று இருக்கும். எனவே நாம் எப்போதும் துவங்க நாங்கள் HTML5 பயன்படுத்தி என்றால். மற்றும் அனைத்து குறிச்சொற்களை நாம் பேசிவிட்டீர்கள் முன்பு HTML5 குறிச்சொற்களை உள்ளன. ஆனால் இந்த குறிக்கும் என்று HTML5 குறிச்சொற்களை தற்போது இருக்கும். எனவே நாம் ஆச்சரியக்குறி வேண்டும் DOCTYPE HTML, இது ஆரம்பத்தில் ஆகிறது எங்கள் HTML கோப்பு, பின்னர் பின்னர் அந்த புள்ளி நாம் உண்மையில் நம் HTML திறந்த வேண்டும் டேக் அங்கு இருந்து தொடர. 

கடந்த ஒரு, ஒரு கருத்து டேக் இது மிக, சற்று வித்தியாசமாக தெரிகிறது. அது கோணத்தில் ஆஃப் தொடங்குகிறது அடைப்புக்குறி ஆச்சரியக்குறி கோடு கோடு ஆனால் எந்த இறுதி அடைப்புக்குறி. அங்கு அந்த இரண்டு கூறுகள் இடையே நீங்கள் உங்கள் கருத்துக்களை எழுத எங்கே. மேலும் படங்களை பாருங்கள் அனுமதிக்க மற்றும் கருத்துக்கள் மற்றும் CS50 IDE இல் இணைப்புகள். 

அதனால் நான் ஒரு கோப்பு படம் இணைப்பு இங்கே இல்லை நான் திறக்க போகிறேன் இது டாட் HTML ஐ. நான் ஒரு ஜோடி கிடைத்துவிட்டது என் HTML கருத்துக்கள் இங்கே கருத்துக்கள். அதனால் தான் C மற்றும் பிற போன்ற நிரலாக்க மொழிகள், வெறும் ஒரு மொழி இருப்பது மூலம் HTML கருத்துகள் திறன் வேண்டும். அதனால் நான் வெளிப்படையாக போகிறேன் ரிக் ஆஸ்டிலே ஒரு படம் வைக்க எங்காவது இந்த கிராம இடையே டேக், இந்த தன்னிச்சையான பிரிவு. வெளிப்படையாக அந்த கோப்பு ரிக் டாட் JPEG, ஆய்வு அமைந்துள்ள இது எங்கள் மீது மீண்டும் தலைமை என்றால் ஒரு நொடி என் கோப்பு மரம், உள்ளது என்று ஒரு கோப்பு உள்ளது தற்போதைய அடைவு. அதனால் பரவாயில்லை. நான் அதை குறிக்க முடியும். 

அப்பொழுது நான் உள் இணைப்புகள் இருக்க முடியும். எனவே இங்கே வரி 11 அன்று கவனிக்க என் படம் டாட் ஹலோ HTML ஆகும். அதனால் தான் டாட், HTML ஹலோ குறிக்கிறது இது தற்போதைய அடைவில். நான் கூட வெளி இருக்க முடியும் இதனைச் வெறும் குறிப்பிடுவதன் மூலம் இணைப்புகள் நான் பேசவில்லை என்று குறிக்க என் தற்போதைய அடைவில் ஒரு கோப்பு பற்றி. நான் உள்ளது என்று ஒரு கோப்பில் பற்றி பேசுகிறேன் எங்காவது நான் எந்த இணைய, மீது HTTP நெறிமுறையின் பயன்படுத்தி கோர. 

எனவே பாருங்கள் நாம் என்ன இந்த பக்கம் போல் இருக்கும் மற்றும் ரிக் ஒரு படம் தயாராக ஆஸ்டிலே உங்கள் திரையில் காட்ட. அதனால் நான் இந்த முன்னோட்டத்தை வேண்டும். ரிக் ஆஸ்டிலே மணிக்கு இருக்கிறது இந்த தன்னிச்சையான மிகவும் மேல் பிரிவு நான் மேலே அதை வைத்து. பின்னர் கீழே நான் கீழே என் இணைப்புகள் இருக்கிறது, இல்லையா? 

நான் டாட் ஹலோ HTML செய்ய ஒரு இணைப்பு. நான் அந்த கிளிக் செய்தால், நான், இந்த பக்கம் வழியாக சென்றார் நாம் இருந்து மிகவும் பழக்கமான இருக்கிறோம் என்று எங்கள் திட்டம் ஆரம்பத்தில். நான் மீண்டும் திறந்த அந்த பக்கம் பாப் என்றால், நான் என்றால் பாப் பட இணைப்பு, இன்னும் ஒரு முறை திறக்க நான் வெளிப்புறமாக செல்ல முடியும் CS50 தான் வலைத்தளம். அங்கு நாம், நான் நீ வருகிறேன் கொஞ்சம் வெளியே பெரிதாக்கவும் இங்கே நாம் CS50 தான் வலைத்தளத்தில் வகையான பார்க்க வேண்டும் எங்கள் பக்கம் மத்தியில் பதிக்கப்பட்ட. நான் ஒரு அக செய்ய முடிந்தது வெளி இணைப்பு அத்துடன் இணைக்க. 

HTML உடன் கடந்த ஆட்சி என்று நாங்கள் இங்கே பற்றி பேச போகிறோம் உங்கள் HTML நன்கு அமைக்கப்பட வேண்டும் என்று. சி நாம் பற்றி நிறைய பேசினோம் விஷயங்களை பல்வேறு இலக்கணத்தை. HTML இல் தொடரியல் உண்மையில் குறிச்சொற்களை சுற்றி வருகிறது. நீங்கள் திறக்க ஒவ்வொரு டேக் மூடப்பட்டது வேண்டும். உண்மையில், ஒவ்வொரு குறிச்சொல் நீங்கள் திறக்க தலைகீழ் வரிசையில் மூடப்பட வேண்டும். 

எனவே நீங்கள் ஒரு தைரியமான டேக் திறந்து இருந்தால், ஒரு சாய்வு குறியை, இருக்கும் ஒரு அடிக்கோடிட்டு டேக் ஒரு அனைத்து மூன்று செய்ய உரை குறிப்பிட்ட தொகுப்பு, நீங்கள் தலைகீழ் வரிசையில் அவற்றை மூட வேண்டும். நீங்கள் தைரியமான திறந்து என்றால், சாய்வு, நீங்கள், அடிக்கோடு தைரியமான, அடிக்கோடு, சாய்வு மூட வேண்டும். கூடவே இந்த வகையான என்ன HTML, நல்ல மற்றும் ஏற்பாடு வைத்திருப்பார். 

சி போலல்லாமல், எனினும், தொடரியல் பிழைகளால் மாட்டேன் உண்மையில் சாத்தியமான உங்கள் HTML முடமாக்க. உங்கள் HTML இல்லை நன்றாக இருக்கும் உருவாக்கப்பட்டது ஆனால் இன்னும் வேலை செய்யும். அதனால் இந்த பிழைகள் மூலம் ஸ்லைடு தீர்த்துக்கொள்ள முடியாது. அது உண்மையில் விழிப்புடன் இருக்க நீங்கள் தான். சில நேரங்களில் அவர்கள் தோல்வியடையும் ஆனால் சில நேரங்களில் நீங்கள் அதனை பெற முடியும். 

இது உண்மையிலேயே ஒரு இருக்க முடியும் கடினமான பணி என்றாலும், நீங்கள் திறந்து போது கண்காணிக்க ஒரு டேக், நீங்கள் அது மூடப்பட்டது போது, குறிப்பாக உங்கள் HTML என கோப்புகளை பெரிய பெரிய பெற. நீங்கள் சில உதவி வேண்டும் என்று நான் நினைக்கிறேன். மற்றும் ஆன்லைன் உள்ளன வேலிடேட்டருக்கு கருவிகள் என்று நீங்கள் உங்கள் வலை பாருங்கள் வேண்டும் பயன்படுத்த முடியும் பக்கம் மற்றும் அது நன்கு அமைக்கப்பட்ட HTML தான் பார்க்க. நீங்கள் கண்டிப்பாக வேண்டும் அந்த பாருங்கள் நீங்கள் அவற்றை பயன்படுத்த ஆரம்பிக்க HTML உடன் சில வேலை செய்கிறாள் தொடங்க, நீங்கள் தான், HTML எழுதி ஏற்பாடு பற்றி சில நல்ல பழக்கம் ஒரு நல்ல வழி உங்கள் HTML மற்றும் நல்ல பாணி மற்றும் உறுதி செய்யும் நீங்கள் எதுவும் செய்யவில்லை என்று தொடரியல் பிழை உருவாக்க முடியும் என்று நீங்கள் ஒரு பிட் ஏற்படுத்தும் சாலை கீழே ஒரு பிரச்சனை. 

நான் டக் லாயிட் இருக்கிறேன். இந்த CS50 உள்ளது.