ለዱሞዎች መሰረታዊ HTML መመሪያ

ለመጨረሻ ጊዜ የዘመነው እ.ኤ.አ. 17 ኖቬምበር 2021 ነው


ከሃያ ዓመታት በፊት ምንም እንኳን የትርፍ ጊዜ ጦማር ቢሆኑም እንኳ እራስዎን ለመጠበቅ ወይም በጣቢያዎ ላይ አንድ ቀላል ተግባር ለማከል አንዳንድ የድር ኮድን ማወቅ ነበረብዎት ፡፡ አሁን ግን በጣም ብዙ አርታኢዎች እና ተሰኪዎች አሉ ፣ ስለሆነም የኤችቲኤምኤል መሰረታዊ ነገሮችን ማወቅ እንኳን ከአሁን በኋላ አያስፈልግም።

የዚህ ችግር ችግሩ ጥቂት መሰረታዊ ነገሮችን ካላወቁ በብሎግዎ ውስጥ በቀላሉ ወደ እውነተኛ ችግር ውስጥ ሊገቡ እና አነስተኛ ችግር ሊሆን የሚችለውን ለማስተካከል ዋጋ ያለው ገንቢ መቅጠር አለብዎት ፡፡ ያ ብቻ አይደለም ፣ ግን በብጁ የጽሑፍ ንዑስ ፕሮግራም ማከልን የመሳሰሉ በብሎግዎ ላይ ለውጦችን መፍጠር ትንሽ ዕውቀትን ይጠይቃል።

የኤችቲኤምኤል ኮድ
የኤችቲኤምኤል “ኮዶች”።

እና የይዘት አቀማመጥ የተመለከትዎት አይመስልም, የኤችቲኤምኤል እውቀት ወደ መንገድዎ ይመልሳል.

ለ Blogger ተናጋሪ እና ቴክኒካዊ ያልሆኑ የመስመር ላይ የንግድ ባለቤቶች የኛን አንዳንድ የኤችቲኤምኤል መምሪያ ስሪት እነሆ.

ኤችቲኤምኤል የዛሬው በይነመረብ የጀርባ አጥንት ነው። በሚሊዮን የሚቆጠሩ ድርጣቢያዎች አንድ ላይ ሆነው በይነመረቡን አቋቋሙ ፡፡ ኤችቲኤምኤል የት ነው የእነዚህ ሁሉ ድርጣቢያዎች ግንባታ.

ከመጀመራችን በፊት…

1. ኤችቲኤምኤል ምንድን ነው?

ኤች. ኤች ቲ Hyper TMታቦቅ Lጭንቀት. ይዘቱ ለድር አሳሾች ይዘት መለጠፍ ነው.

ኤችቲኤምኤል በ “ንጥረ ነገሮች” ይወከላል። ንጥረ ነገሮችም “መለያዎች” በመባል ይታወቃሉ ፡፡

2. ኤችቲኤምኤል ለምን አስፈለገ?

የድር አሳሾች ሊረዱት የሚችሉት በተደገፉ ቋንቋዎች በሚጽፍበት ጊዜ ብቻ ድር ጣቢያውን ነው. ኤችቲኤምኤል በጣም የተለመደው የማባሪያ ቋንቋ ሲሆን ለድር አሳሾች ከፍተኛ ተቀባይነት አለው.

ለዚህም ነው ኤችቲኤምኤል የሚፈልጉት።

3. የኤችቲኤምኤል ጉዳይ ስሱ ነው?

ኤች.ቲ.ኤስ. ነገር ግን ምርጥ ስራው ኤችቲኤምኤል በተገቢው ጉዳይ ላይ መጻፍ ነው.

የመጀመሪያው HTML ፋይልዎን ለመፍጠር ደረጃዎች

በኮምፒዩተርዎ ላይ ባለ ኖታድ በመጠቀም መሰረታዊ HTML ፋይል መፍጠር ይችላሉ. ነገር ግን በርካታ የቁጥር መስመሮችን በመጻፍ ህመም ያመጣል.

የኮድ አርታዒ ያስፈልግዎታል. ጥሩ የምስል አርታዑ ትልቅ ኮዶችን ለመጻፍና ለማቀናበር ቀላል ያደርገዋል.

እኔ እጠቀማለሁ እና ይመከራል Notepad ++ (ነጻ እና ክፍት ምንጭ) የድረ ገጾችን ለመጻፍ. እንደ እርስዎ ሊጠቀሙባቸው የሚችሉ ሌሎች አርታኢዎች አሉ ንዑስlime ጽሑፍ, አቶም ወዘተ

ማድረግ ያለብዎት ነገር ይኸውና:

  1. የኮድ አርታዒ ይጫኑ
  2. ይክፈቱት
  3. አዲስ ፋይል ይፍጠሩ
  4. እንደ .html ፋይል አድርገው ያስቀምጡት

ለመሄድ ዝግጁ ነዎት!

የኮድ አርታዒ አቶም ምሳሌ
የኮድ አርታዒ - አቶም

1. ሰላም ዓለም!

የሚከተለውን አዲስ ኮድ ወደ አዲሱ የኤች.ቲ.ኤም.ኤል. ፋይል ይቅዱና ይለጥፉት. አሁን በድር አሳሽዎ ላይ ያሂዱት.

ኮድ:

የእኔ የመጀመሪያ ድር ገጽ ሰላም ልዑል!

ውጤት

እንኳን ደስ አለዎት! በጣም የመጀመሪያ የኤችቲኤምኤል ፋይልዎን ፈጥረዋል። በዚህ ነጥብ ላይ መረዳት የለብዎትም ፡፡ በቅርቡ እንሸፍነዋለን።

የኤች ቲ ኤም ኤስ አወቃቀሩን መረዳት

እያንዳንዱ የኤችቲኤምኤል ፋይል ተራ የተለመደ አወቃቀር አለው. ሁሉም ነገር የሚጀምረው እዚህ ነው. እንዲሁም እያንዳንዱ ትልቅ የገጽ ኮድን ከተገነጠለ በኋላ ለዚህ መዋቅር ይመጣል.

ስለዚህ ከ “ሄሎ ዓለም!” ለመረዳት እንሞክር ፡፡ ኮድ የሚከተሉት አካላት ለእያንዳንዱ የኤችቲኤምኤል ፋይል አስገዳጅ ክፍሎች ናቸው ፡፡

  • = ይህ የኤችቲኤምኤል ፋይል መሆኑን ለአሳሹ ማሳወቂያ ነው። ከ. በፊት መወሰን አለብዎት መለያ
  • = ይህ የኤችቲኤምኤል ፋይል መሠረታዊ አካል ነው። የሚጽፉት ሁሉ በመካከል ይሄዳል እና .
  • = ይህ የአሳሽ ሜታ መረጃ ክፍል ነው. በዚህ መለያ ውስጥ ያሉ ምልክቶች ምንም የእይታ እይታ የላቸውም.
  • = የድር አሳሽ የሚሰጠው ክፍል ይህ ነው። በትክክል በድር ጣቢያ ላይ የሚያዩት በመካከላቸው ያሉትን ኮዶች ማስተላለፍ ነው እና .

2. የኤችቲኤምኤል መለያዎች

ኤችቲኤምቲ በብዙ መቶ የተለያዩ መለያዎች ትብብር ነው. እንዴት እንደሚሰሩ ማወቅ አለብህ. በተጨማሪም በትክክለኛው መንገድ እንደጠቀሟቸው ማረጋገጥ አለብዎት.

የኤችቲኤምኤል መለያዎች ብዙውን ጊዜ የመክፈቻ እና የመዝጊያ መለያ አላቸው። የመክፈቻ መለያው ከ (<) ባነሰ እና (>) በሚበልጥ ምልክት የተከበበ ቁልፍ ቃል አለው። የመዝጊያ መለያው ከ (<) ምልክት በታች ከሆነ በኋላ የመጪው የመለያ (/) ተመሳሳይ ነገር ሁሉ አለው።

(2a) ዋናዎች መለያዎች

ሁሉም የጭንቅላት መለያዎች በመካከላቸው ይሄዳሉ እና . እነሱ ለድር አሳሽ እና ለፍለጋ ሞተሮች ሜታ መረጃ ይይዛሉ ፡፡ እነሱ በመሠረቱ ምንም የእይታ ውጤት የላቸውም።

የመለያ ስም በአርታዒው ትር የሚታይ የድረ-ገጽ ርዕስ ይገልጻል. ይህ መረጃ በድር ፕሮግራሞች እና በፍለጋ ፕሮግራሞች ጥቅም ላይ ይውላል. በአንድ የኤች ቲ ኤም ኤል ፋይል ከፍተኛው ርዕስ አለዎት.

ኮድ:

የእኔ የመጀመሪያ ድር ገጽ
አርዕስት መለያ - የኤችቲኤምኤል ናሙናዎች
የርዕስ መለያ ስም በአሳሽዎ ላይ ብቅ ይላል.

የአገናኝ መለያ የኤችቲኤምኤል ገጽዎን ከውጭ ሀብቶች ጋር ያገናኛል። ዋናው አጠቃቀሙ የኤችቲኤምኤል ገጽን ከሲ.ኤስ.ኤስ ቅጦች ሉሆች ጋር ማገናኘት ነው ፡፡ እሱ የራስ-መዝጊያ መለያ ነው እና መጨረሻውን አያስፈልገውም . እዚህ rel ከፋይሉ ጋር ግንኙነትን ያመለክታል እና src ማለት ምንጩ ማለት ነው።

ኮድ:

Meta ሌላ የኤች ቲ ኤም ኤል ፋይልን ሜታ መረጃ የሚሰጥ ሌላ የራስ-ዝግ መለያ መለያ ነው. የፍለጋ ፕሮግራሞች እና ሌሎች የድር አገልግሎቶች እነዚህን መረጃዎች ይጠቀማሉ. ለፍለጋ ፕሮግራሞች ገጽዎን ማመቻቸት ከፈለጉ የሜታ መለያዎች የግድ አስፈላጊ ናቸው.

ኮድ:

<meta name="description" content="This is the short description that search engines show"

የስክሪፕት መለያ የአገልጋይ-ጎን ስክሪፕትን ለማካተት ወይም ወደ ውጫዊ የስክሪፕት ፋይል አገናኝ ለማቅረብ ስራ ላይ ይውላል. በመክፈቻ መለያው ውስጥ ሁለት ባህሪያት ሊኖረው ይችላል. አንደኛው ዓይነት ነው ሌላኛው ደግሞ ምንጩ (src) ነው.

ኮድ:

ስክሪፕቶች በድር አሳሽ ውስጥ ተሰናክለው ስክሪፕት መለያ ይሰራል ፡፡ በድር አሳሾቻቸው ውስጥ እስክሪፕቶችን የማይፈቅድላቸው ገጽ ለእነሱ ተስማሚ እንዲሆን ያደርገዋል።

ኮድ:

ወዮ! ስክሪፕቶች ተሰናክለዋል።

(2b) ሰው መለያዎች

ሁሉም የሰውነት መለያዎች በመካከላቸው ይሄዳሉ እና . የእይታ ውጤቶች አሏቸው ፡፡ እዚህ ብዙ ሥራ የሚከናወንበት ቦታ ነው ፡፡ ዋና ገጽዎን ይዘት ለማቀናበር እነዚህን መለያዎች መጠቀም አለብዎት።

ወደ

እነዚህ የርዕስ መለያዎች ናቸው። በጣም አስፈላጊው ርዕስ በ መለያ ተሰጥቷል እና በጣም አስፈላጊው ከ ጋር . በትክክለኛው ተዋረድ ውስጥ እነሱን መጠቀም አለብዎት ፡፡

ኮድ:

ይህ የ h1 ርዕስ ነው ይህ የ h1 ርዕስ ነው ይህ የ h1 ርዕስ ነው ይህ የ h2 ርዕስ ነው ይህ የ h2 ርዕስ ነው ይህ የ h2 ርዕስ ነው

ውጤት

የቅርጸት መለያዎች

በ html ፋይል ውስጥ ያለ ፅሁፍ ብዙ ቅርጸቶችን በመጠቀም ቅርጸት ሊሰራ ይችላል. አንድ ቃል ወይም መስመር ከይዘትዎ ለማከል ሲፈልጉ አስፈላጊ ይሆናል.

ኮድ:

ጽሑፍዎን በብዙ መንገዶች ማጉላት ይችላሉ ፡፡ ደፋር ፣ ማስመር ፣ italic ፣ ምልክት ያድርጉ , አደር, ራስጌ እና ተጨማሪ!

ውጤት

አንዳንድ ኮዶች የአስተያየቱን መለያ በመጠቀም እንደገና ከመተርጎም ይችላሉ. ኮዱ በንኡስ ኮድ ውስጥ ይታያል ነገር ግን አይታይም. የዚህ መለያ ዋነኛ ጥቅም ለወደፊቱ ማጣቀሻነት የኤችቲኤምኤል ፋይሎችን ለማዘጋጀት ነው.

ለምሳሌ:

You can comment out any code by surrounding them in this way -->

(2c) ሌሎች አስፈላጊ ኤችቲኤምኤል መለያዎች

መልህቅ በየአቅጣጫው ጥቅም ላይ የሚውል ዘይቤ ነው. ቢያንስ ቢያንስ አንድ የመመለስ አገናኝን በመስመር ላይ ምንም ድረ ገጽ አያዩም.

አወቃቀሩ አንድ ነው ፡፡ የመክፈቻ እና የመዝጊያ ክፍል አለው ፡ መልህቅን መልቀቅ የሚፈልጉት ጽሑፍ በመካከል እና በ መካከል ይሄዳል።

ተጠቃሚው የት እንዳለ እና እንዴት እንደሚጫወት የሚወስኑ አንዳንድ ባህሪያት አሉ.

  • ahref = ”“ = የመድረሻ አገናኝን ይገልጻል. አገናኞቹ በሁለት ጥቅሶች መካከል ይለዋወጣል.
  • ዒላማ = ”“ = ዩአርኤሉ በአዲስ የአሳሽ ትር ውስጥ ወይም በዚያው ትር ውስጥ ይከፈት እንደሆነ ይገልጻል። target = ”_ ባዶ” ለአዲሱ ትር ሲሆን ዒላማ = ”_ ራስን” በተመሳሳይ ትር ውስጥ ለመክፈት ነው።
  • rel = ”“ = የአሁኑ ገጽ ከተያያዘው ገጽ ጋር ያለውን ግንኙነት ይገልጻል። የተገናኘውን ገጽ የማታምኑ ከሆነ rel = ”nofollow” ን መግለፅ ይችላሉ።

ኮድ:

ወደ ጉግል ለመሄድ እዚህ ጠቅ ያድርጉ ፡ በአዲስ ትር ውስጥ ይከፈታል ፡፡ እዚህ ጠቅ ያድርጉ ፡ እንዲሁም ወደ ጉግል ሊወስድዎ ይችላል ነገር ግን አሁን ባለው ትር ውስጥ ይከፈታል።

ውጤት

የምስል መለያ ሌላ ምስል-ተኮር ድርጣቢያዎች ማሰብ የማይቻል ሌላ አስፈላጊ መለያ ነው.

የራስ መዘጋት መለያ ነው ፡፡ ባህላዊውን መዝጋት አያስፈልገውም . በትክክል ከመጠቀምዎ በፊት ማወቅ ያለብዎት አንዳንድ ባሕሪዎች አሉ ፡፡

  • src = "" = ይሄ የምስሉን ዋና ምንጭ ለማወቂይ ነው. አገናኙን በሁለት ጥቅሶች መካከል አኑረው.
  • alt = "" = አማራጭ ጽሑፉን ያመለክታል. የእርስዎ ምስል በሚጫንበት ጊዜ, ይህ ጽሑፍ ስለጠፋው ምስል ሀሳብ ለተጠቃሚዎች ይሰጣል.
  • ስፋት = ”“ = በፒክሴል ውስጥ የአንድ ምስል ስፋት ይገልጻል.
  • ቁመት = ”“ = በፒክሴሎች ውስጥ የአንድ ምስል ቁመት ይግለጹ.

ለምሳሌ:

ይህ እ.ኤ.አ. ነሐሴ 2014 ጉግልplex ነው ፡፡ ይህ ምስል 500 ፒክሰሎች ስፋት እና 375 ፒክሰሎች ቁመት አለው ፡፡

ውጤት

ምክሮች-ጠቅ ማድረግ የሚችል ምስል ማስገባት ይፈልጋሉ? የምስል ኮዱን በመለያ ያጠቅል ፡ እንዴት እንደሚሄድ ይመልከቱ ፡፡

ወይም

የዝርዝር መለያ የንጥሎች ዝርዝር ለመፍጠር ነው። ለትእዛዝ ዝርዝሮች (የቁጥር ዝርዝር) እና ማለት ነው ላልተመዘገቡ ዝርዝሮች (የጥይት ነጥቦችን) ያመለክታል ፡፡

የዝርዝሩ ዕቃዎች በ ወይም የሚል መለያ ተሰጥቶታል . li ለዝርዝር ማለት ነው ፡፡ ብዙ ሊሆኑ ይችላሉ በወላጅ ውስጥ እንደፈለጉት ወይም መለያ

ኮድ:

ይህ የታዘዘ ዝርዝር ነው ንጥል 1 ንጥል 2 ንጥል 3 ይህ ያልተዘረዘረ ዝርዝር ነው ንጥል 1 ንጥል 2 ንጥል 3

ውጤት

የሠንጠረዥ መለያ የውሂብ ሰንጠረዥ ለመፍጠር ነው. የሰንጠረዥ ጠቋሚዎችን, ረድፎችን እና ዓምዶችን የሚገልጹ ጥቂት የውስጣዊ ደረጃ መለያዎች አሉ.

ውጫዊው የወላጅ ኮድ ነው በዚህ መለያ ውስጥ ለሠንጠረዥ ረድፍ ይቆማል ፣ ለሠንጠረዥ አምድ እና ለጠረጴዛ ራስጌ ይቆማል።

ኮድ:

ስም ዕድሜ ሙያ ጆ 27 ነጋዴ ካሮል 26 ነርስ ሲሞን 39 ፕሮፌሰር

ውጤት

ማስታወሻ-በመጀመሪያው ውስጥ ያሉ እሴቶች ርዕሶች ናቸው ፡፡ ስለዚህ እኛ ተጠቀምን ለጽሑፉ ደፋር የጽሑፍ ውጤትን የሚተገበር።

የጠረጴዛ ቡድን

የሰንጠረዥ ምድብ አባሎችን በመጠቀም የሠንጠረዥን ተግባር ማራዘም ይችላሉ. በብዙ ገጾች የተከፈቱ ትልልቅ ጠረጴዛዎችን መፍጠር ያስፈልግዎታል.

የሠንጠረዥዎን ውሂብ ወደ ራስጌ, ሰውነት እና ግርጌ ላይ በመመደብ የግል ቅጦችን መፍቀድ ይችላሉ. ራስጌው እና የአካል ክፍል ሰንጠረዥዎ በተጋለጠው በእያንዳንዱ ገጽ ላይ ይታተም.

የሠንጠረዥ ማሰባሰቡ መለያዎች:

  • = የሰንጠረዥን ርዕስ ለመጠቅለል. በሠንጠረዡ በየያንዳንዱ የተከፈለው ገጽ ላይ ይለጠፋል.
  • = የጠረጴዛን ዋና መረጃ ለመጠቅለል ፡፡ ብዙ ሊሆኑ ይችላሉ እንደፈለጉት ፡፡ ሀ መለያ ማለት የተለየ የውሂብ ቡድን ማለት ነው ፡፡
  • = የሰንጠረዥን ግርጌ መረጃ ለመጠቅለል. በሠንጠረዡ በየያንዳንዱ የተከፈለው ገጽ ላይ ይለጠፋል.

ቡድን መሰብሰብ የግድ እንዳልሆነ እባክዎ ልብ ይበሉ. ትልልቅ ሰንጠረዦች የበለጠ ሊነበብ የሚችል ለማድረግ ትጠቀምበታለህ. ምንም እንኳን አንዳንድ ልዩ ዴቨሎፐር እነኚህን መለያዎች እንደ CSS መራጭነት በጥሩ ሁኔታ ይጠቀማሉ.

በምሳሌነት የተቀመጠውን ሰንጠረዥን በቡድን እንዴት መመደብ እንደምንችል እነሆ ፣ እና :

ኮድ:

ስም ዕድሜ ሙያ ጆን 27 ነጋዴ ካሮል 26 ነርስ ሲሞን 39 ፕሮፌሰር ጠቅላላ ሰዎች 3

ውጤት

የቅጽ አካል ለድር ገጾች በይነተገናኝ ቅጾችን ለመፍጠር ጥቅም ላይ ይውላል። የኤችቲኤምኤል ቅጽ በርካታ ተከታታይ አባሎችን ይ containsል። ለምሳሌ ያህል: ፣ ወዘተ

በቅጹ ላይ ያለው ድርጊት ባህሪ በጣም አስፈላጊ ነው. መረጃውን ለማስተናገድ አንድ አገልጋይ ወይም ሶስተኛ ወገን ገጽ ይጠቁማል. ለማሰራት በመጀመሪያ አንድ ዘዴ መግለጽ ያስፈልግዎታል.

ከሁለት አንዱን ዘዴ መጠቀም, ማግኘት ወይም ልጥፍ መጠቀም ይችላሉ. ልኡክ ጽሁፍ በመልዕክቱ አካል ውስጥ መረጃውን በሚልክበት የዩ ኤንሴፕ ቅርፀት ላይ ሁሉንም መረጃ ይልካሉ.

ለቅጾች ብዙ የግብዓት ዓይነቶች አሉ ፡፡ በጣም መሠረታዊው የግቤት ዓይነት ጽሑፍ ነው። ተብሎ ተጽ Itል . ዓይነቶችም ራዲዮ ፣ አመልካች ሳጥን ፣ ኢሜል እና የመሳሰሉት ሊሆኑ ይችላሉ ፡፡ የማስረከቢያ ቁልፍን ለመፍጠር ከታች በኩል የማስረከብ አይነት ግቤት መኖር አለበት ፡፡

መለያ መለያዎችን ለመፍጠር እና ከግብዓት ጋር ለማጣመር ጥቅም ላይ ይውላል ፡፡ ስያሜዎችን ከግብዓቶች ጋር የማዛመድ ደንብ ለ = ”” የመለያ መለያ እና id = ”” የግብዓት አይነቱ ተመሳሳይ እሴት ያለው ነው ፡፡

ኮድ:

የመጀመሪያ ስም: የአያት ሥም: አጭር ባዮ ፆታ ወንድ ሴት

ውጤት

ማሳሰቢያ: መረጃን ለማካሄድ ከማንኛውም አገልጋዩ ጋር ስላልተገናኘ ባዶ እሴት ያለው ቀጥተኛ እርምጃ አለኝ.

3. የኤችቲኤምኤል ባህሪዎች

ባህሪዎች ለኤች.ቲ.ኤም.ኤል. መለያዎች አንድ ዓይነቶች ለውጦች ናቸው. አዲስ ቅርጾችን ለኤችቲኤምኤል መለያዎች ያክላሉ.

አንድ አይነታ አይነቱ ስም ይመስላል ”” እና በመክፈቻ ኤችቲኤምኤል መለያ ውስጥ ይቀመጣል። የባህሪው ዋጋ በእጥፍ ጥቅሶች መካከል ይሄዳል ፡፡

id = ”” እና ክፍል = ””

መታወቂያ እና ክፍሎች የኤችቲኤምኤል መለያዎች መለያዎች ናቸው. መለያዎችን በመጠቀም ለተለያዩ ኤችቲኤምኤል ክፍሎች የተለያዩ ስሞች ተመድበዋል. ለበርካታ አባላቶች አንድ የክፍል ለይቶ ማወቂያ መጠቀም ይችላሉ. ነገር ግን ለብዙ አባሎች አንድ መታወቂያ መለያ መጠቀም አይችሉም.

ኮድ:

ይህ ዋናው ርዕስ ነው

href = ””

href ለ Hypertext ማጣቀሻ ነው ፡፡ ተጠቃሚዎችን ወደ ማጣቀሻ አገናኞች ይጠቁማሉ ፡፡ መልህቅ መለያ ተጠቃሚዎችን ወደ መድረሻ ዩአርኤል ለመላክ href ን ይጠቀማል።

ኮድ:

በጉግል መፈለግ

src = ””

src መነሻ ምንጭ ነው. በኤችቲኤምኤል ፋይል ውስጥ የሚጠቀሙት የመገናኛ ወይም የመገልገያ ምንጭ ምንጭ ነው. ምንጭው የአካባቢያዊ ወይም የሶስተኛ ወገን ዩ አር ኤል ሊሆን ይችላል.

ኮድ:

alt = ””

alt አማራጭ ነው. ኤች ቲ ኤም ኤል መስራት በማይችልበት ጊዜ ጥቅም ላይ የሚውል የመጠባበቂያ ጽሑፍ ነው.

ኮድ:

ዘይቤ = ”

የቅጥ አቢይቶች ብዙውን ጊዜ በኤችቲኤምኤል መለያዎች ውስጥ ጥቅም ላይ ውለዋል በ CSS ኤችቲኤምኤል ውስጥ የሲኤስኤል ሥራን ያከናውናል. የአሰራር ባህሪያትህ በድርብ ጥቅሶች መካከል ይለያያል.

ኮድ:

ይህ ሌላ ርዕስ ነው

4. የኮድ ማሳያ-አግድ በእኛ መስመር ላይ

አንዳንድ አካላት ሁል ጊዜ በአዲስ መስመር ላይ ይጀምሩ እና ሙሉውን ስፋት በሙሉ ይይዛሉ። እነዚህ “አግድ” አባሎች ናቸው።

ዘፀ ፣ ፣ - ፣ ቅጽ ወዘተ

አንዳንድ አካላት የሚፈለገውን ቦታ ብቻ የሚወስዱ ሲሆን በአዲስ መስመር ላይ አይጀምሩም ፡፡ እነዚህ “የመስመር” ንጥረ ነገሮች ናቸው።

ለምሳሌ: ,, ፣ ፣ ወዘተ

የሲሲኤስ ቅጦችን ሲጠቀሙ የንድፍ አባሎችን ከቅንጥሎች ውስጥ መለየት ያስፈልግዎታል. በዚህ ኤች.ኤል. መመሪያ ውስጥ, በጣም አስፈላጊ አይደለም.

ኮድ:

የእኔ የመጀመሪያ ድር ገጽ ይህ የ H2 ርዕስ ነው። አግድ ማሳያ አለው። ይህ ሌላ H2 ርዕስ ነው። እዚህ የግርጌ መስመር መለያ የመስመር ማሳያ አለው ፡፡

ውጤት

5. በኤችቲኤምኤል ውስጥ ባለ ሁለት ዋጋ እና ነጠላ ዋጋ

ይህ ጥያቄ በጣም ግልጽ ነው. በ HTML ውስጥ ምንን ነው መጠቀም ያለብዎት? ነጠላ የሰጠነ ጥቅስ ወይም ድብልቅ ጥቅስ? ሰዎች የሚጠቀሙት ቢመስልም የትኛው ትክክል ነው?

በኤችቲኤምኤል ውስጥ ነጠላ ጥቅስ እና ድርብ ጥቅስ አንድ ናቸው። በውጤቱ ላይ ምንም ልዩነት አያደርጉም።

የመረጡትን ሰው መጠቀም ይችላሉ. ይሁን እንጂ በሁለቱም የኮዶች ገጽ ላይ መቀላቀል መጥፎ ድርጊት ነው. ከማንም አንዱን ማማከር አለብዎት.

6. ሴማዊ ኤች.ቲ.ኤም.ኤል

የጠቆመ ኤችቲኤምኤል የኤችቲኤምኤል የቅርብ ጊዜ ስሪት የኤች ቲ ኤም ኤል ነው, እሱም HTML5 ተብሎ ይጠራል. እሱ የተሻሻለው የትርጉም ያልሆኑ ኤችቲኤምኤል እና XHTML ነው.

HTML5 ለምን ይሻላል? በቀድሞዎቹ ስሪቶች ውስጥ የኤችቲኤምኤል አካላት በመታወቂያ / በክፍል ስሞች ተለይተዋል ፡፡ ለምሳሌ: እንደ መጣጥፍ ተቆጠረ ፡፡

በኤችቲኤምኤል 5 ፣ መለያ ምንም መታወቂያ / ክፍል ለ ident ሳያስፈልገው ራሱን እንደ መጣጥፍ ይወክላል ፡፡

ለኤች ቲ ኤም ኤክስክስ ናሙና, አሁን የፍለጋ ፕሮግራሞች እና ሌሎች የድር መተግበሪያዎች የድር ገፅ በተሻለ ሁኔታ ሊረዱ ይችላሉ. የስነ-ድር ጣቢያው ድርጣቢያዎች ለ SEO የተሻለ መስራት.

አንዳንድ የታወቁ የኤች.ቲ.ኤም.ኤል.ክስ መለያዎች ዝርዝር እነሆ:

  • = ይህ ተመልካቾችዎን ለማሳየት የሚፈልጓቸውን ዋና ይዘቶች መጠቅለል ነው.
  • = ይሄ ማለት እንደ ርዕስ ወይም የደራሲ ሜታ የመሳሰሉ የይዘት ራስጌዎችን ለማመልከት ነው.
  • = በተጠቃሚዎች የተተረጎም ወይም ገለልተኛ ይዘት ለተመልካቾችዎ ይገልጻል.
  • = እንደ ራስጌ, ግርጌ ወይም የጎን አሞሌ ያለ ማንኛውንም ኮድ ሊያጠቃልል ይችላል. ይህ ማለት የ div የተባእት ቅርፅ ነው.
  • = ይህ የእርስዎ ግርጌ ይዘት, ማስተባበያ ወይም የቅጂ መብት ጽሑፍ የያዘው ቦታ ነው.
  • = ምንም plugin ችግር ሳይኖር የድምጽ ፋይሎችን እንዲሰሩ ያስችልዎታል.
  • = ላይክ ፣ ያለ ተሰኪ ችግሮች ይህንን መለያ በመጠቀም ቪዲዮዎችን ማስገባት ይችላሉ።

አንድ ቀላል HTML5 መዋቅር ይህን ይመስላል:

የእኔ የመጀመሪያ ድር ገጽ ምናሌ 8 ምናሌ 1 የጽሑፉ ርዕስ ይህ ነው በጆን ዶ የተለጠፈ የጽሑፉ ይዘት ወደዚህ ይሄዳል የቅጂ መብት 2 ጆን ዶ

7. የኤችቲኤምኤል ማረጋገጫ

ብዙዎቹ የድረገፁ ባለሙያዎች ኮፒ ሲያጠናቅቁ የእራሳቸውን ኮድ ያረጋግጣሉ. ኮዱን በደንብ ሲሰራበት ማረጋገጥ አስፈላጊ የሆነው ለምንድን ነው?

ኮዶችዎን ለማጽደቅ ሁለት ምክንያቶች አሉ.

  1. ኮድዎ ኮፍ-አሳሽ እና ተሻጋሪ-ተኮር መያያዙን እንዲፈጥሩ ያግዝዎታል. ኮዱ በአሁኑ አሳሽዎ ላይ ምንም ስህተት ላያሳየዎት ይችላል, ነገር ግን በሌላ ላይ ሊሆን ይችላል. ኮድ ማረጋገጥ ስራውን ያስተካክለዋል.
  2. የፍለጋ ፕሮግራሞች እና ሌሎች የድር ፕሮግራሞች ስህተቶች ካሉዎት ገጽዎን መሰንጠቅ ሊያቆሙ ይችላሉ። ማንኛውም ዋና ስህተት እንደሌለዎት በማረጋገጥ ማረጋገጥ ይችላሉ።

W3C አረጋጋጭ ለኮድ ማረጋገጥ በጣም ታዋቂው አገልግሎት ነው. ኮዶችን በማረጋገጥ የተለያዩ ዘዴዎች አሏቸው. አንድ ፋይል መስቀል ወይም በይዘት ማረጋገጫ አንቀሳቃሽዎ ላይ ኮዱን በቀጥታ ማስገባት ይችላሉ.

8. ሌሎች አጋዥ ሀብቶች

ኤች.ቲ.ኤም. በየጊዜው የማንበብ ርዕሰ ጉዳይ ነው. ተጨማሪ የኤችቲኤምኤል ስሪቶች ምናልባት በቅርቡ ይመጣሉ. ስለዚህ ዘመናትን መቆየት እና ተግባራዊ መሆንዎን ይቀጥሉ. ልምድ ኤችቲኤምኤል ነው.

ለእርስዎ አንዳንድ ጠቃሚ ምንጮች እነኚሁና: