30 நம்பமுடியாத எளிய வலை பக்கங்கள்

வலை
மிகவும் பிரபலமான சில பக்கங்கள் தகவல்களால் மிகைப்படுத்தப்பட்டவை, ஆனால் நான் அதற்கு நேர்மாறாக விரும்புகிறேன்: எளிமையானவை.

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

எளிய HTML வலைப்பக்க எடுத்துக்காட்டுகள்

கீன் ரிச்மண்ட்

கீன் ரிச்மண்ட்

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

இணையத்துடன் இணைப்பு: கீன்ரிச் மோண்ட்

ஆலிஸ் ட்ரூகார்ட்

ஆலிஸ் ட்ரூகார்ட்

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

இணையத்துடன் இணைப்பு: ஆலிஸ் ட்ரூகார்ட்

ஜொனாதன் ஓக்டன்

ஜொனாதன் ஓக்டன்

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

இணையத்துடன் இணைப்பு: ஜொனாதன் ஓக்டன்

பின்ச்

பின்ச்

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

இணையத்துடன் இணைப்பு: பின்ச்

வேறு வடிவமைப்பு

வேறு வடிவமைப்பு

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

இணையத்துடன் இணைப்பு: வேறு வடிவமைப்பு

பிரிக்

பிரிக்

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

இணையத்துடன் இணைப்பு: பிரிக்

செங்குத்து தோட்ட வடிவமைப்பு

செங்குத்து தோட்ட வடிவமைப்பு

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

இணையத்துடன் இணைப்பு: செங்குத்து தோட்ட வடிவமைப்பு

247 கிராட்

247 கிராட்

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

இணையத்துடன் இணைப்பு: 247 கிராட்

இதை அனுபவிக்கவும்

இதை அனுபவிக்கவும்

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

இணையத்துடன் இணைப்பு: இதை அனுபவிக்கவும்

அலிசன் ஹூ

அலிசன் ஹூ

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

இணையத்துடன் இணைப்பு: அலிசன் ஹூ

பிக்சலோட்

பிக்சலோட்

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

இணையத்துடன் இணைப்பு: பிக்சலோட்

லியோனல் பள்ளிகள்

லியோனல் பள்ளிகள்

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

இணையத்துடன் இணைப்பு: லியோனல் பள்ளிகள்

நேர்த்தியான சீகல்ஸ்

நேர்த்தியான சீகல்ஸ்

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

இணையத்துடன் இணைப்பு: நேர்த்தியான சீகல்ஸ்

உயிர்வாழ்விற்கான

உயிர்வாழ்விற்கான

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

இணையத்துடன் இணைப்பு: உயிர்வாழ்விற்கான

பிங்க்பாயிண்ட்

பிங்க்பாயிண்ட்

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

இணையத்துடன் இணைப்பு: பிங்க்பாயிண்ட்

IWC

IWC

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

இணையத்துடன் இணைப்பு: IWC

துண்டுதுண்டாக

துண்டுதுண்டாக

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

இணையத்துடன் இணைப்பு: துண்டுதுண்டாக

7 பைன்

7 பைன்

7 வீட்டுத் தட்டின் சிறந்த கதாநாயகனாக பச்சை நிறத்துடன் பைன் விளையாடுகிறது. மீதமுள்ளவர்கள் அதை எழுதுகிறார்கள் நிறைய பச்சை மற்றும் எளிய தலைப்பு கொண்ட படம் அது லோகோவால் கவனிக்கப்படாமல் போக விரும்புகிறது.

இணையத்துடன் இணைப்பு: 7 பைன்

தொகை

தொகை

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

இணையத்துடன் இணைப்பு: தொகை

ஹேட்பாக்ஸ்

ஹேட்பாக்ஸ்

இந்த வலைத்தளத்தின் முக்கிய நிறம் நீலமாகும், இதில் வெள்ளை நிறத்தால் முழுமையாக ஒளிரும் படங்களின் பற்றாக்குறை இல்லை மற்றும் விளையாட்டு என்னவாக இருக்கும் அந்த தள பில்டரின் 3D இல் நாம் நகரும்போது அது நகரும்.

இணையத்துடன் இணைப்பு: ஹேட்பாக்ஸ்

காரா லைட்

காரா லைட்

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

இணையத்துடன் இணைப்பு: காரா லைட்

உள்ளார்ந்த ஸ்டுடியோ சந்தைப்படுத்தல்

இண்டிரின்சிக்

Es எளிய வலை ஆனால் அது ஒரு வலைப்பதிவை உருவாக்குவது என்ன என்பதைக் காட்டுகிறது. மிகவும் "வலைப்பதிவு" தளத்தில் சிவப்பு மற்றும் கருப்பு ஆகியவை கதாநாயகர்கள்.

இணையத்துடன் இணைப்பு: உள்ளார்ந்த ஸ்டுடியோ சந்தைப்படுத்தல்

HTML இல் ஒரு எளிய வலைத்தளத்தை உருவாக்குவது எப்படி

HTML ஐ

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

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

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

  • Documentos: நாங்கள் உருவாக்கப் போகும் அனைத்து ஆவணங்களும் a உடன் செய்யப்பட வேண்டும் . நாங்கள் ஒரு திறக்கிறோம் மற்றும் எப்போதும் ஒரு உடன் மூடுகிறது
  • உடல் அல்லது உடல்: ஆவணத்தின் புலப்படும் பகுதி இடையில் உள்ளது ஒய்
  • headboards: அவை H1, H2, H3 ஆல் அறியப்படுகின்றன ... நாங்கள் a உடன் தொடங்குகிறோம் நாம் ஒரு உடன் மூடுகிறோம் . உள்ளே இருக்கும் உரை ஒரு தலைப்பாகத் தோன்றும், அதன் எண்ணிக்கையைப் பொறுத்து அது சிறிய அல்லது பெரிய அளவில் செய்யும்.
  • பத்திகள்: பத்தி a க்குள் இணைக்கப்பட்டுள்ளது மற்றும் உடன் மூடுகிறது
  • Enlaces: தெளிவான உதாரணம் ஆன்லைன் கிரியேட்டிவ்களுக்கான இணைப்பு
  • படங்கள்: நாங்கள் அவற்றை லேபிளால் வரையறுக்கிறோம் . ஒரு உதாரணம் இருக்கும் . மேற்கோள்களுக்கு இடையில் படத்தைப் பயன்படுத்துகிறோம் மற்றும் SEO க்கு அவசியமான மாற்று உரைக்கு alt ஐப் பயன்படுத்துகிறோம்.
  • பட்டியல்கள்: நாங்கள் பட்டியல்களை வரையறுக்கிறோம் ஒரு குழப்பமான மற்றும் உடன் ஒரு சுத்தமாக. பட்டியல் உருப்படிகள் பயன்படுத்தப்படுகின்றன . அவற்றை பட்டையுடன் மூட எப்போதும் நினைவில் கொள்ளுங்கள்.

HTML ஐ

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

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

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

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

இதுதான் ஒரு HTML குறியீட்டின் தெளிவான எடுத்துக்காட்டு மிக முக்கியமான கூறுகளுடன்:

<!DOCTYPE html>
<html lang='es'>
  <head>
    <meta charset='UTF-8'/>
    <title>HTML Semántico</title>
  </head>
  <body>

    <h1>Crear web es fácil!</h1>
    <ul>
      <li><a href='#'>Inicio</a></li>
      <li><a href='#'>Acerca de</a></li>
      <li><a href='#'>Blog</a></li>
      <li><a href='#'>Iniciar sesión</a></li>
    </ul>

  </body>
</html>

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

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

முடிவுக்கு, எப்போதும் ஒரு ஆவணத்தைத் திறக்கவும் ஸ்லாஷுடன் முழு குறியீட்டின் முடிவில் அதை மூடவும். ஆவணத்தைத் திறந்த பிறகு, மொழிக்கான குறிப்பு எப்போதும் பயன்படுத்தப்படுகிறது, இந்த விஷயத்தில் ஸ்பானிஷ் "es" மற்றும் உடன் .

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

ஒரு பிட் CSS

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

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

இது போன்ற எளிமையான ஒன்று:

வலை சொற்பொருள்

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

Un எளிய CSS குறியீடு எடுத்துக்காட்டு:

h1 {
நிறம்: வெள்ளை;
உரை-சீரமை: சென்டர்;
}

நாங்கள் எச் 1 மற்றும் உரையை அழைக்கிறோம் நாம் அதை வெள்ளை நிறத்தில் நிறத்தில் வைப்போம்: வெள்ளை; "உரை சீரமைப்பு" மூலம் அதை மையத்தில் சீரமைப்போம். H1 அழைப்பைத் திறந்த பிறகு எப்போதும் அடைப்புக்குறிக்குள் மூடவும்.

இன் தலைப்பு புகைப்படம் கிரெக் ராகோசி


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

3 கருத்துகள், உங்களுடையதை விடுங்கள்

உங்கள் கருத்தை தெரிவிக்கவும்

உங்கள் மின்னஞ்சல் முகவரி வெளியிடப்பட்ட முடியாது.

*

*

  1. தரவுக்கு பொறுப்பு: மிகுவல் ஏஞ்சல் கேடன்
  2. தரவின் நோக்கம்: கட்டுப்பாட்டு ஸ்பேம், கருத்து மேலாண்மை.
  3. சட்டபூர்வமாக்கல்: உங்கள் ஒப்புதல்
  4. தரவின் தொடர்பு: சட்டபூர்வமான கடமையால் தவிர மூன்றாம் தரப்பினருக்கு தரவு தெரிவிக்கப்படாது.
  5. தரவு சேமிப்பு: ஆக்சென்டஸ் நெட்வொர்க்குகள் (EU) வழங்கிய தரவுத்தளம்
  6. உரிமைகள்: எந்த நேரத்திலும் உங்கள் தகவல்களை நீங்கள் கட்டுப்படுத்தலாம், மீட்டெடுக்கலாம் மற்றும் நீக்கலாம்.

  1.   கிறிஸ்டோபர் - வலைத்தளம் அவர் கூறினார்

    நான் வடிவமைப்பைப் பற்றி மிகவும் ஆர்வமாக உள்ளேன், வடிவமைப்பு உலகைக் காண நல்ல பக்கம்.

    வாழ்த்துக்கள்.

  2.   ஜார்ஜ் அவர் கூறினார்

    வணக்கம் நண்பர்களே, நீங்கள் எப்படி இருக்கிறீர்கள்?

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

  3.   எமர்சன் அவர் கூறினார்

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