கிடைமட்ட கோடுகள்இணைக்கப்படாத (மூடும் குறிச்சொல் தேவையில்லை) குறிச்சொல்லால் உருவாக்கப்பட்டது

---

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

---

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

மூலம், நீங்கள் தொகுதி பாணி பண்புகளையும் பயன்படுத்தலாம்

மற்றும் மற்றும்

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

இந்த உரை மிகவும் முக்கியமானது.

முதல் பத்தி. பார்டர்-இடது பயன்படுத்தி

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

இரண்டாவது பத்தி. பார்டர் படத்தைப் பயன்படுத்துதல்

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

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

அன்புடன், ரோமன் சூஷோவ்

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

CSS ஐப் பயன்படுத்தி உரையில் ஒரு வரியை உருவாக்குவது எப்படி

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

- எல்லை-மேல்- உரைக்கு மேலே அமைந்துள்ள ஒரு கிடைமட்ட கோடு;

- எல்லை-வலது- உரையின் வலதுபுறத்தில் அமைந்துள்ள ஒரு செங்குத்து கோடு;

- எல்லை-கீழ்- உரைக்கு கீழே அமைந்துள்ள ஒரு கிடைமட்ட கோடு;

- எல்லை-இடது- செங்குத்து கோடு இடதுபுறத்தில் அமைந்துள்ளது.

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

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

கட்டளைகளின் சுருக்கமான விளக்கம்

- அகலம்- வரி நீளம்;

- திடமான- திடமான வரி;

- புள்ளியிடப்பட்ட- புள்ளி கோடு.

பாணிகளைப் பற்றிய ஆழமான புரிதலுக்கு, இதைப் படிக்க பரிந்துரைக்கிறேன்.

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

இந்த முறை பல நன்மைகளைக் கொண்டுள்ளது:

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

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

HTML குறிச்சொல்லைப் பயன்படுத்தி நேராக கிடைமட்ட கோட்டை உருவாக்குவது எப்படி

---

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

குறிச்சொல் பண்புக்கூறுகள்

---

- அகலம்- வரியின் நீளத்திற்கு பொறுப்பு. சதவீதமாக அல்லது பிக்சல்களில் குறிப்பிடலாம்.

- அளவு- வரி தடிமன். பிக்சல்களில் குறிப்பிடப்பட்டுள்ளது.

- நிறம்- கோட்டின் நிறத்தை வரையறுக்கிறது.

- சீரமைக்க- வரி சீரமைப்புக்கு பொறுப்பான ஒரு பண்பு. இதையொட்டி, அணி அவருடன் தொடர்புடையது.

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

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

css ஐப் பயன்படுத்தி கிடைமட்ட மற்றும் செங்குத்து கோடுகள்

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

இந்த வழக்கில், html குறியீட்டிலிருந்து நேரடியாக css ஐப் பயன்படுத்தி ஸ்டைலிங் அமைத்து, மேல் பார்டரை திடமாகவும், கீழாகவும் மாற்றினேன். புள்ளி கோடு.

பக்கத்தில் இது எப்படி இருக்கும்:

css ஐப் பயன்படுத்தி கிடைமட்ட கோடு.

இந்த முறை அதன் நன்மைகளைக் கொண்டுள்ளது:

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

தீமைகள் குறியீட்டின் ஒப்பீட்டு சிக்கலான தன்மையை உள்ளடக்கியது.

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

---

.

html குறிச்சொல்லைப் பயன்படுத்தி கிடைமட்டக் கோடு

---

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

இந்தக் குறிச்சொல் பின்வரும் பண்புக்கூறுகளைக் கொண்டுள்ளது:

• அகலம்- நமது கிடைமட்ட கோட்டின் நீளத்தை பிக்சல்கள் அல்லது சதவீதங்களில் தீர்மானிக்கிறது;
• நிறம்- கோட்டின் நிறத்தை வரையறுக்கிறது;
• சீரமைக்கவும்- கோட்டின் சீரமைப்பை வலது விளிம்பில் அமைக்கிறது - வலது, இடது விளிம்பில் - இடது, மையத்தில் - மையத்தில்;
• அளவு- பிக்சல்களில் வரி தடிமன்.

இங்கே உதாரணம் html- குறியீடு:

---

மேலும் இது எப்படி இருக்கும்:

நீங்கள் பார்க்க முடியும் என, இந்த முறைஅதன் குறைபாடுகள் உள்ளன:

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

ஆனால் இந்த முறை மிகவும் எளிமையானது.

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