Skip to main content

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

Anonim

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

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

HTML விடவும்

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

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

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

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

  1. திற Google Chrome இணைய உலாவி (உங்களிடம் Google Chrome நிறுவப்படவில்லை என்றால், இது ஒரு இலவச பதிவிறக்கமாகும்).

  2. வழிநடத்துங்கள் நீங்கள் பார்க்க விரும்பும் வலைப்பக்கம்.

  3. வலது கிளிக் பக்கம் மற்றும் தோன்றும் பட்டி பாருங்கள். அந்த மெனுவிலிருந்து, கிளிக் செய்யவும் பக்கத்தின் மூலத்தை பார்க்கவும்.

  4. அந்த பக்கத்தின் மூலக் குறியீடு இப்போது உலாவியில் ஒரு புதிய தாவலாகத் தோன்றும்.

  5. மாற்றாக, நீங்கள் விசைப்பலகை குறுக்குவழிகளைப் பயன்படுத்தலாம் CTRL + U ஒரு தளத்தின் மூல குறியீட்டைக் கொண்ட ஒரு சாளரத்தை திறக்க PC இல் காண்பிக்கப்படும். ஒரு மேக், இந்த குறுக்குவழி கட்டளை + விருப்பம் + U.

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

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

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

  1. திறந்த கூகிள் குரோம்.

  2. செல்லவும் நீங்கள் ஆராய விரும்பும் வலைப்பக்கம்.

  3. கிளிக் செய்யவும் மூன்று வரிகள் கொண்ட ஐகான் உலாவி சாளரத்தின் மேல் வலது மூலையில்.

  4. மெனுவிலிருந்து, மிதவை இன்னும் கருவிகள் பின்னர் கிளிக் செய்யவும் டெவலப்பர் கருவிகள் தோன்றும் மெனுவில்.

  5. இது இடது புறத்தில் உள்ள HTML மூல குறியீட்டைக் காட்டும் ஒரு சாளரத்தைத் திறக்கும், வலதுபுறத்தில் தொடர்புடைய CSS.

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

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

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

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

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