በፋየርፎክስ ውስጥ ያለው የ Inspect Element ገንቢ መሣሪያ በድረ -ገጽዎ ላይ ለሚመለከቱት ማንኛውም ነገር የኤችቲኤምኤል ኮድ እንዲለዩ ያስችልዎታል። እነዚህ መሣሪያዎች አንዴ ከተከፈቱ የኤችቲኤምኤል እና ተጓዳኝ የ CSS ቅጦች ሉህ ሙሉ በሙሉ ሊስተካከሉ ይችላሉ። በሚወዷቸው ማናቸውም ለውጦች ላይ ሙከራ ያድርጉ ፣ ከዚያ ወደ ገጹ የታሰበውን ገጽታ ለመመለስ ገጹን ያድሱ።
ደረጃዎች
የ 2 ክፍል 1 - ንጥረ ነገሮችን መፈተሽ
ደረጃ 1. ማንኛውንም የድረ-ገጽ አካል በቀኝ ጠቅ ያድርጉ።
በምስሎች ፣ ጽሑፍ ፣ ዳራዎች ወይም በማንኛውም ሌላ አካል ላይ በቀኝ ጠቅ ማድረግ ይችላሉ። ባለ ሁለት አዝራር መዳፊት ከሌለዎት መቆጣጠሪያን በሚይዙበት ጊዜ በግራ ጠቅ ያድርጉ።
ደረጃ 2. ከተቆልቋይ ምናሌ ውስጥ ኤለሜንትን ይመርምሩ የሚለውን ጠቅ ያድርጉ።
በመስኮትዎ ታችኛው ክፍል ላይ የመሳሪያ አሞሌ መታየት አለበት። እንዲሁም የገጹን የኤችቲኤምኤል ኮድ በማሳየት ከመሳሪያ አሞሌ በታች አንድ መስኮት ይታያል።
ደረጃ 3. የመሳሪያ አሞሌዎችን እና መከለያዎችን ይለዩ።
ኤለመንትን መርምር የሚለውን ጠቅ ሲያደርጉ በመስኮትዎ ታችኛው ክፍል ላይ ብዙ መከለያዎች ይከፈታሉ። የእነሱ አጠቃቀም እና ስሞች ዝርዝር እነሆ-
- የላይኛው ረድፍ የመሳሪያ ሳጥን መሣሪያ አሞሌ ነው። ይህ በርካታ የገንቢ መሣሪያዎች አሉት ፣ ግን እኛ በግራ በኩል ባለው መርማሪ ላይ ፍላጎት አለን። ለዚህ አጠቃላይ መመሪያ ይህንን የተመረጠ (በሰማያዊ የተብራራ) ያቆዩት።
- ከመሳሪያ አሞሌው በታች ፣ ከተመረጠው አካል ጋር የሚዛመደውን ሙሉ መንገድ የሚያሳይ አንድ የኤችቲኤምኤል አባሎች አንድ ነጠላ የዳቦ ፍርግርግ ረድፍ አለ።
- ከዚህ ረድፍ በታች ያለው ንጥል የገጹን የኤችቲኤምኤል ዛፍ ወይም “የማርክ እይታ ዕይታ” ያሳያል። ለመረጡት ኤለመንት ኤችቲኤምኤል በዚህ ንጥል ውስጥ ጎላ ብሎ ተኮር ነው።
- በቀኝ በኩል ያለው ንጥል ለዚህ ገጽ የ CSS ቅጦች ሉህ ያሳያል።
ደረጃ 4. ሌላ ኤለመንት ይምረጡ።
አንዴ የመሳሪያ አሞሌው ከተከፈተ በኋላ ሌላ አካል መምረጥ ቀላል ነው። ይህንን ለማድረግ ሦስት መንገዶች እዚህ አሉ
- ተጓዳኙን አካል ለማጉላት በኤችቲኤምኤል መስመር ላይ ያንዣብቡ (ፋየርፎክስ 34+ ይፈልጋል)። ያንን ኤለመንት ለመምረጥ HTML የሚለውን ጠቅ ያድርጉ።
- ከመሳሪያ አሞሌው በስተግራ በስተግራ ያለውን ይምረጡ ኤለመንት መሣሪያን ጠቅ ያድርጉ -አዶው በካሬው ላይ ጠቋሚ ነው። ንጥረ ነገሮችን ለማጉላት ጠቋሚዎን በገጹ ላይ ያንቀሳቅሱት ፣ ከዚያ አንድ አካል ለመምረጥ ጠቅ ያድርጉ።
ደረጃ 5. በኮዱ ውስጥ ያስሱ።
በኤችቲኤምኤል ፓነል ውስጥ በማንኛውም ቦታ ላይ ጠቅ ያድርጉ። በኮዱ ውስጥ ለማለፍ በቁልፍ ሰሌዳዎ ላይ የግራ እና የቀስት ቀስቶችን ይጠቀሙ (ፋየርፎክስ 39+ ይፈልጋል)። ይህ በእጅ ለመምረጥ በጣም ትንሽ ለሆኑ አካላት ጠቃሚ ነው።
- ግራጫ ኤችቲኤምኤል በገጹ ላይ ካልታዩ አካላት ጋር ይዛመዳል። ይህ አስተያየቶችን ፣ እንደ የተወሰኑ አንጓዎችን እና ከሲኤስኤስ ማሳያ ንብረት ጋር ተደብቀው የነበሩ አካላትን ያካትታል።
- ይዘቱን ለማስፋት ወይም ለመደበቅ ከእቃ መያዣዎች በስተግራ ያለውን ቀስት ጠቅ ያድርጉ። ሁሉንም ይዘቶች ለማስፋት ጠቅ ሲያደርጉ alt="Image" ወይም አማራጭን ይያዙ።
ደረጃ 6. አንድ አካል ይፈልጉ።
በዳቦ ፍርግርግ ረድፍ በስተቀኝ በኩል የፍለጋ አሞሌውን (የማጉያ መነጽር አዶውን) ይፈልጉ። እሱን ለማስፋት ይህንን ጠቅ ያድርጉ ፣ ከዚያ የሚፈልጉትን የኤችቲኤምኤል ኮድ ያስገቡ። በሚተይቡበት ጊዜ ተዛማጅ አባሎችን የሚዘረዝር ብቅ ባይ ብቅ ይላል። ያንን አካል ለመምረጥ እና የኤችቲኤምኤል ንጣፉን ወደ ኮዱ ለማሸብለል በአንዱ ላይ ጠቅ ያድርጉ።
ክፍል 2 ከ 2 ኤችቲኤምኤልን ማረም
ደረጃ 1. በማንኛውም ጊዜ እንደገና ለመጀመር ገጹን ያድሱ።
ለድር ገንቢ መሣሪያዎች አዲስ ከሆኑ ፣ ምንም ቋሚ ለውጦች እንደማያደርጉ ይረዱ። የእርስዎ አርትዖቶች በማያ ገጽዎ ላይ ብቻ ይታያሉ ፣ እና ገጹን እስኪዘጉ ወይም እስኪያድሱት ድረስ ብቻ። ምን እንደሚሆን እርግጠኛ ባይሆኑም ለመሞከር አያመንቱ።
ደረጃ 2. ጽሑፍን ለማርትዕ ኤችቲኤምኤልን ሁለቴ ጠቅ ያድርጉ።
የኤችቲኤምኤል መስመርን ሁለቴ ጠቅ ያድርጉ። አዲሱን ጽሑፍ ያስገቡ እና ለውጦችዎን ለማስቀመጥ አስገባን ይጫኑ።
ደረጃ 3. ለተጨማሪ አማራጮች የዳቦ ፍርድን ጠቅ ያድርጉ እና ይያዙ።
ያስታውሱ ፣ የዳቦ ፍርፋሪ መሣሪያ አሞሌው በኤችቲኤምኤል ሙሉ ዛፍ እና በላይኛው የመሳሪያ አሞሌ መካከል ተተክሏል። ሰፊ ምናሌን ለመክፈት በዚህ ረድፍ ውስጥ ያሉትን ማናቸውም ንጥረ ነገሮች ጠቅ ያድርጉ እና ይያዙ። ለእነዚህ አማራጮች ያልተሟላ መመሪያ እዚህ አለ -
- እያንዳንዱን መስመር በተናጠል ከማስተካከል ይልቅ መስቀለኛ መንገዱን እና ይዘቶቹን በኤችቲኤምኤል ዛፍ ውስጥ አርትዕ ያደርጋቸዋል።
- “የውስጥ ኤችቲኤምኤልን ቅዳ” ሁሉንም የመስቀለኛውን ይዘቶች ይገለብጣል ፣ “ውጫዊ ኤችቲኤምኤልን ይቅዱ” መስቀለኛውን እንዲሁ (እንደ ወይም እንደ
- “ለጥፍ →” የት እንደሚለጠፍ ወደ ብዙ አማራጮች ይመራል ፣ ለምሳሌ ከዚህ መስቀለኛ መንገድ በፊት ወይም የመስቀለኛ መንገዱ የመጀመሪያ ልጅ በኋላ።
- : ማንዣበብ ፣: ንቁ ፣ እና: ትኩረት ተጠቃሚው ከእሱ ጋር በሚገናኝበት ጊዜ የንጥረቱን ገጽታ ይለውጣል። ትክክለኛው ውጤት የሚወሰነው በሲኤስኤስ ቅጦች ሉህ (ከቀኝ-ክፍል ፓነል አርትዕ) ነው።
ደረጃ 4. ይጎትቱ እና ይጣሉ።
በኮዱ ውስጥ ያሉትን ክፍሎች እንደገና ለማስተካከል ፣ የተሰነጠቀ መስመር እስኪታይ ድረስ ኤችቲኤምሉን ጠቅ ያድርጉ እና ይያዙ። ዛፉን ወደ ላይ ወይም ወደ ታች ያንቀሳቅሱት እና የተሰነጠቀው መስመር በሚፈለገው ቦታ ላይ በሚሆንበት ጊዜ ይልቀቁት።
ይህ ፋየርፎክስ 39 ወይም ከዚያ በኋላ ይፈልጋል።
ደረጃ 5. የገንቢውን የመሳሪያ አሞሌ ይዝጉ።
እነዚህን ሁሉ ቆንጆ መስኮቶች ለመዝጋት ፣ ከሲኤስኤስ ፓነል በላይ ፣ በመሳሪያ አሞሌው በስተቀኝ ጥግ ላይ ያለውን X ብቻ ይጫኑ።
ጠቃሚ ምክሮች
- እንዲሁም በእነዚህ የላይኛው ምናሌ አማራጮች የመሳሪያ አሞሌውን መክፈት ይችላሉ-
- ዊንዶውስ ፋየርፎክስ → የድር ገንቢ → መሣሪያዎችን ይቀያይሩ
- ማክ ወይም ሊኑክስ - መሣሪያዎች → የድር ገንቢ Tool መሣሪያዎችን ይቀያይሩ
- ኤችቲኤምኤልን በሚያርትዑበት ጊዜ ተጨማሪ ቦታ እንዲሰጥዎት የ CSS ን ፓነልን ለመደበቅ አማራጩን አስተዋውቋል። በፍለጋ አሞሌው በስተቀኝ ባለው የዳቦ ፍርፋሪ ረድፍ በስተቀኝ ላይ ያለውን የቀስት አዶ ይፈልጉ። የሲኤስኤስ ንጣፉን ለመደበቅ ይህንን አዶ ጠቅ ያድርጉ እና እንደገና ለማስፋት እንደገና ጠቅ ያድርጉት።
- የሲኤስኤስ ፓነል እንዲሁ ሊስተካከል የሚችል ነው ፣ ግን ያ ከዚህ መመሪያ ወሰን በላይ ነው። ይህ ጽሑፍ CSS መሠረታዊ ነገሮችን ያስተምራል።