ஒரு HTML பக்கம் ஒரு உதாரணம் மற்றும் அடிப்படை கோட்பாடுகளை

பல மொழிகளில் கண்டுபிடிக்கப்பட்டது, ஆனால் HTML இன் மொழி மிகவும் சிறப்பு மற்றும் vosstrebovan ஒன்றாகும். அது நிரலாக்க மற்ற முக்கிய முயற்சிகள் நிறைய ஏனெனில் இதில். மீயுரை குறியீட்டு மொழி (HTML) - மிகவும் மார்க் மொழி டெவலப்பர் தற்போதைய அறிவு மனதில் போது, கிடைக்கும் செய்யப்படுகிறது.

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

பொது விளக்கம்

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

HTML கோப்பை குறிப்பிடும் ஒரு DOCTYPE ஆக தலைப்பு தொடங்குகிறது கோப்பு வகையானது, அந்த - HTML வேண்டாம். அனைத்து பக்கம் உறுப்புகள் (டேக்ஸ்) கோணம் அடைப்புக்குறிக்குள் உள்ள குறிப்பிடப்பட்டுள்ளன. ஒவ்வொரு ஜோடி ( "<" மற்றும் ">") மாற்றியமைக்கும் ஒன்று டேக் HTML அடங்கும். பொதுவாக HTML குறிச்சொற்களை அதாவது, ஒவ்வொரு «» குறியை க்கான, ஜோடியாக வேண்டும் «/» குறியை உள்ளன. இருவரும் கோணம் அடைப்புக்குறிக்குள் உள்ளடக்கப்படும். மாற்றம் அடுத்த வரிக்குச் - ஒரு ஒற்றை டேக், இவற்றில் மிகவும் பிரபலமான «Br /» உள்ளது.

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

எளிய HTML பக்கம்

அத்தகைய பக்கம் உருவாக்கும் எடுத்துக்காட்டாக பின்வரும் கட்டுரையில் உள்ள சுட்டிக்காட்டப்படுகிறது. அது கவனமாக கவனியுங்கள்.

தலை பகுதியில்

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

• முக்கிய வார்த்தைகள் மற்றும் பக்கங்களின் விளக்கங்களும்;
• மற்றக் கோப்புகளுக்கான இணைப்புகளை (* .css மற்றும் * .js).

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

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

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

LINK மற்றும் ஸ்கிரிப்ட் இணைப்புகளை சிறப்பு கவனம் செலுத்த வேண்டும். ஜாவா-குறியீடு கோப்பின் இடம் - முதல் ஒரு CSS நடைதாளுடன் கோப்பு, இரண்டாவது அங்கு ஒரு இடத்தில் குறிக்கிறது. இத்தகைய இணைப்புகள் அமைக்க முடியும்.

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

பிரிவில் உடல்

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

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

HTML ஐ - அது பதிலாக ஸ்கிரிப்ட்களின் குறிகளை. இறுதியில், மட்டுமே உலாவி காட்டப்படும் பக்கத்தின் உள்ளடக்கம், ஆனால் அதன் டேக். இல்லை PHP குறியீடு இல்லை.

மட்டுமே துவக்க நேரம் (சுமை), பேஜ் சேவை செய்ய, ஆனால் அந்தப் பக்கத்தில் பார்வையாளரின் உலாவி இருக்கும் போது தருணங்களில், மற்றும் ஆய்வுகள் - ஜாவா ஒரு சிறப்பு அந்தஸ்து தனது பாதுகாப்பில் உள்ளது.

ஒரு எளிய உதாரணம் HTML ஆல்-பக்கத்தின் (மட்டுமே உடல் பிரிவு) கீழே தரப்பட்டுள்ளது.

கீழே காட்டப்பட்டுள்ளது போல் ஒரு வருகையாளர் உலாவி தெரிகிறது.

குறியீடு உள்ள குறிப்பிடப்படவில்லை உலாவி கொண்டு கூறுகள் போன்று இருக்க வேண்டும். அனைத்து வடிவமைப்பு CSS விதிகள் தென்படுகிறது. இந்த வழக்கில், MCS கள் (பார்க்க. ஒரு பக்கம் HTML இன் முதல் உதாரணம்) என்று ஆவணத்தில் இருந்து பெற முடியும் / scPhpWordRW.css கோப்பு.

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

இது டேக் scLogo_vDoc விவரிக்கப்பட்டுள்ளது எவ்வளவு எளிது காட்டுகிறது, மற்றும் இந்த விளக்கம் டேக் ஒரு சாதாரண மாநிலத்தில் ஒரு படம் vDoc-logo.png காட்டுகிறது என்று, மற்றும் சுட்டி அது முடிந்தவுடன் - vDoc-லோகோ-h.png காட்டப்படும்.

HTML ஐ விளக்கங்கள் கட்டமைப்பை

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

வழக்கு பெயர், டேக் ஜோடி, சரியான பெயர்கள் (tagName) மற்றும் கோணம் அடைப்புக்குறிக்குள் உருவாக்குகின்றது ( «<» + tagName + «>»), நாம் டேக் தொடக்கத்தில், மற்றும் பற்றி பேசுகிறாய் என்றால் «» பதிவுசெய்தீர்கள் அதன் இறுதியில்.

கீழே உள்ள உரையில் அமைந்துள்ள பண்புகளை விவரிக்கும் HTML பக்கங்களை உதாரணம்.

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

மொத்த HTML உள்ளடக்கம் விளக்கங்கள்

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

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

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

அட்டவணை விவரம்: குறிச்சொற்களை டேபிள், டிஆர் இணைப்பதால், TD

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

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

ஒரு எளிய அட்டவணை ஒரு விளக்கத்துடன் எடுத்துக்காட்டு ஒரு HTML பக்கம் வரைபட கட்டுரையில் காட்டப்பட்டுள்ளது.

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

விளக்கம் வடிவம்: படிவம் டேக், உள்ளீடு

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

ஒரு எளிய வடிவம் ஒரு விளக்கம் கொண்டு எடுத்துக்காட்டு ஒரு HTML பக்கம்:

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

HTML பயன்படுத்தி

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

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

உலாவி ஜாவா இயங்கும், சரியாக தரவு சர்வரில் மீண்டும் பொத்தானை அனுப்ப பணிபுரிந்தார், அதாவது, வடிவமைப்பு :. onclick = JQuery ( 'அடைய #') வால் ( 'வண்டி'), அது தேவையான தெரிந்து கொள்ள மட்டுமே என்ன jQuery பற்றி உள்ளது, ஆனால் என்ன #to, வால், வண்டி. மேலும் துல்லியமாக, அது அடிப்படை HTML குறிச்சொற்களை மற்றும் அவர்களுக்கு CSS நடைகளை விண்ணப்பிக்கும் பொது விதிகள் அவசியம் என அறியப்பட்டுள்ளது.

இது விரைவில் இணைய நிரலாக்க பகுதியில் எந்த சிறப்பினை தகுதி உயர்த்த போதும்.