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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

என் பெயர் Daven அம்மம்மா செத்தபோது ஆகிறது. இந்த CS50 உள்ளது. 

எனவே எடுத்துக்காட்டாக, நான் பயன்படுத்த முடியும் வர்க்க படம் - இல்லை, அதனால் பல பண்புகளை உள்ளன. என் பெயர் Daven அம்மம்மா செத்தபோது ஆகிறது. இந்த cs 650 ஆகிறது. நான் CSS சொல்ல வேண்டும். இந்த CSS ஆகிறது.