ஒரு சில மணி நேரத்தில் ஒரு இணையதளத்தை உருவாக்குவது எப்படி

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

html பக்கத்தை உருவாக்குகிறது

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

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

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

மினி உள்ளடக்கிய பட்டியலை உருவாக்குதல்

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

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

html ஐப் பயன்படுத்துதல்>-குறிச்சொல்

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

href= பண்புக்கூறு இணைப்பு உறுப்பைத் திறக்கிறது. பிறகு “=” அடையாளம், நீங்கள் இணைப்பின் URL ஐ ஒட்ட வேண்டும். நீங்கள் ஒரு தலைப்பில் பல பத்தி வரிகளையும் பயன்படுத்தலாம். மூடும் அடைப்புக்குறி அவசியம். இது உங்கள் இணைப்புகள் தவறாகப் புரிந்துகொள்ளப்படுவதைத் தடுக்கும். html பக்கத்தை படிக்க எளிதாக்க, உங்கள் இணையதளத்தில் இணைப்பைச் சேர்க்கவும். html>-டேக் மற்றொரு வலைப்பக்கத்திற்கு இணைப்புகளை சேர்க்க உங்களை அனுமதிக்கும்.

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

html ஐப் பயன்படுத்துதல்>-உரையை முன்னிலைப்படுத்த குறிச்சொல்

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

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

பின்னணி-வண்ண பாணிக்கு கூடுதலாக, நீங்கள் 'hilightme' ஐப் பயன்படுத்தலாம்’ உங்கள் HTML ஆவணத்தில் உள்ள உரையை முன்னிலைப்படுத்த வகுப்பு. பின்னணி-வண்ண பாணி அனைத்து உலாவிகளாலும் ஆதரிக்கப்படுகிறது. நீங்கள் 'மஞ்சள்' என்ற வார்த்தையையும் பயன்படுத்தலாம்’ வண்ணக் குறியீட்டிற்குப் பதிலாக. உரையின் பத்தி அல்லது பகுதியை முன்னிலைப்படுத்த அதே குறியீட்டைப் பயன்படுத்தலாம். உரையை முன்னிலைப்படுத்த CSS வகுப்புகளையும் பயன்படுத்தலாம்.

html ஐப் பயன்படுத்துதல்>-ஒரு மினி உள்ளடக்கிய பட்டியலை உருவாக்க குறிச்சொல்

html>-குறிச்சொல் சிறிய உள்ளடக்கங்களின் பட்டியலை உருவாக்க பயன்படுகிறது. இது தொடர்புடைய மூடும் குறிச்சொல்லைக் கொண்டுள்ளது மற்றும் உறுப்பின் பெயர் சிற்றெழுத்து ஆகும். HTML ஆவணங்கள் UTF-8 எழுத்துக்குறி குறியாக்கத்தைப் பயன்படுத்தி குறியாக்கம் செய்யப்படுகின்றன, இது யூனிகோட் எழுத்துக்களைச் சேர்ப்பதை ஆதரிக்கிறது. html ஐப் பயன்படுத்தும் போது>-குறிச்சொல், UTF-8 ஐத் தேர்ந்தெடுக்கவும் “சேமி-ஆக” உரையாடல் பெட்டி.

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

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

html ஐப் பயன்படுத்துதல்>-தனிப்பட்ட உரை தொகுதிகளை முன்னிலைப்படுத்த குறிச்சொல்

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

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

மிதவை: ஒரு உறுப்பைக் கொண்டிருக்கும் உறுப்பின் இடது அல்லது வலது விளிம்பில் மிதக்க இந்த CSS பண்பைப் பயன்படுத்தலாம். கட்டம் அல்லது நெடுவரிசைகளை உருவாக்க இதைப் பயன்படுத்தலாம். உலாவியின் இடது அல்லது வலது ஓரத்தில் ஒரு iframe அல்லது படத்தை மிதக்க float எனப்படும் CSS பண்பை நீங்கள் பயன்படுத்தலாம்.. இந்த பண்புக்கூறுகள் CSS உடன் தனிப்பட்ட தொகுதிகளை முன்னிலைப்படுத்துவதை எளிதாக்குகிறது.