Google Chrome இல் HTML மூலத்தைப் பார்க்க எப்படி

ஒரு மூலக் குறியீட்டைப் பார்ப்பதன் மூலம் எவ்வாறு ஒரு வலைத்தளம் கட்டப்பட்டது என்பதை அறியவும்

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

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

HTML விடவும்

ஞாபகப்படுத்த ஒரு விஷயம் மூல கோப்புகள் மிக சிக்கலானதாக இருக்கும் (மேலும் சிக்கலானது நீங்கள் பார்வையிடும் வலைத்தளம், தளத்தின் குறியீடானது மிகவும் சிக்கலானது). நீங்கள் பார்க்கும் பக்கத்தை உருவாக்கும் HTML கட்டமைப்போடு கூடுதலாக, அந்த தளத்தின் காட்சி தோற்றத்தை நிர்ணயிக்கும் CSS (அடுக்கு நடைத்தாள்கள்) இருக்கும் . கூடுதலாக, பல வலைத்தளங்கள் இன்று HTML உடன் சேர்த்து ஸ்கிரிப்ட் கோப்புகளை உள்ளடக்கும்.

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

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

படி வழிமுறைகள் படி

1. Google Chrome இணைய உலாவியைத் திறக்கவும் (உங்களிடம் Google Chrome நிறுவப்படவில்லை என்றால், இது ஒரு இலவச பதிவிறக்கமாகும்).
2. நீங்கள் ஆராய விரும்பும் வலைப்பக்கத்திற்கு செல்லவும்.
3. பக்கம் வலது கிளிக் செய்து தோன்றும் மெனுவை பாருங்கள். அந்த மெனுவிலிருந்து, பக்க மூலத்தைப் பார்க்கவும் என்பதைக் கிளிக் செய்யவும்.
4. அந்த பக்கத்தின் மூலக் குறியீடு இப்போது உலாவியில் ஒரு புதிய தாவலாகத் தோன்றும்.
5. மாற்றாக, ஒரு தளத்தின் மூல குறியீடு காட்டப்படும் சாளரத்தை திறக்க PC இல் உள்ள CTRL + U இன் விசைப்பலகை குறுக்குவழிகளைப் பயன்படுத்தலாம். ஒரு மேக், இந்த குறுக்குவழி கட்டளை + Alt + U ஆகும் .

டெவலப்பர் கருவிகள்

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

Chrome இன் டெவெலப்பர் கருவிகளைப் பயன்படுத்த:

1. Google Chrome ஐ திற
2. நீங்கள் ஆராய விரும்பும் வலைப்பக்கத்திற்கு செல்லவும்.
3. உலாவி சாளரத்தின் மேல் வலது மூலையில் மூன்று வரிகளுடன் ஐகானைக் கிளிக் செய்க.
4. மெனுவிலிருந்து, மேலும் கருவிகளின் மீது படல் மற்றும் தோன்றும் மெனுவில் டெவெலப்பர் கருவிகள் என்பதைக் கிளிக் செய்யவும்.
5. இது இடது புறத்தில் உள்ள HTML மூல குறியீட்டைக் காட்டும் ஒரு சாளரத்தைத் திறக்கும், வலதுபுறத்தில் தொடர்புடைய CSS.
6. மாற்றாக, நீங்கள் ஒரு வலைப்பக்கத்தில் ஒரு உறுப்பைக் கிளிக் செய்தால், தோன்றும் மெனுவில் இருந்து தேர்வுசெய்தால், Chrome இன் டெவலப்பர் கருவிகள் பாப் அப் செய்யப்படும், நீங்கள் தேர்ந்தெடுத்த சரியான உறுப்பு வலது பக்கத்தில் காட்டப்படும் தொடர்புடைய CSS உடன் HTML இல் உயர்த்தப்படும். ஒரு தளத்தின் ஒரு குறிப்பிட்ட பகுதி எவ்வாறு வடிவமைக்கப்பட்டுள்ளது என்பதைப் பற்றி மேலும் தெரிந்துகொள்ள விரும்பினால், இது உங்களுக்கு உதவியாக இருக்கும்.

ஆதார மூல கோட்பாடானதா?

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

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

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