በጥቂት ሰዓታት ውስጥ ድህረ ገጽ እንዴት መፍጠር እንደሚቻል

ድር ጣቢያ መፍጠር ከባድ መሆን የለበትም. በዚህ ጽሑፍ ውስጥ, የኤችቲኤምኤል ገጽ አፈጣጠር መሰረታዊ ነገሮችን እና እንዴት ሚኒ-ያካተተ ዝርዝር መፍጠር እንደምንችል እንሄዳለን።. ቀጥሎ, ኤችቲኤምኤልን እንዴት መጠቀም እንዳለብን እንነጋገራለን>-ጽሑፍን ለማድመቅ መለያ ይስጡ. በመጨረሻ, በጥቂት ሰዓታት ውስጥ እንዴት ድህረ ገጽ መፍጠር እንደሚችሉ እናሳይዎታለን. እንዲሁም ሌሎች ጥቂት ጠቃሚ ዘዴዎችን እንሸፍናለን.

የኤችቲኤምኤል ገጽ መፍጠር

HTML ድረ-ገጾችን ለመገንባት የሚያገለግል ቋንቋ ነው።. እሱ የድረ-ገጹን አወቃቀር ይገልፃል እና ይዘቱ እንዴት እንደሚታይ CSS ይቆጣጠራል. መሰረታዊ የኤችቲኤምኤል ገጽ መፍጠር አስቸጋሪ አይደለም. ለመጀመር የደረጃ በደረጃ መመሪያ ይኸውና. አንዴ መሰረታዊ HTML ገጽ ካሎት, የበለጠ ውስብስብ እና ተለዋዋጭ ለመፍጠር ዝግጁ ነዎት. ለመጀመር, የጽሑፍ አርታዒ እና የድር አሳሽ ያስፈልግዎታል.

እንዲሁም ለድረ-ገጽህ ይዘቱን ለመፍጠር እንደ MS Word ያለ የቃላት ማቀናበሪያ መጠቀም ትችላለህ. ጽሑፍን እርስ በእርስ ለማገናኘት hyperlinks መጠቀም ይችላሉ።. እንዲሁም ፋይሉን እንደ html ፋይል አድርገው ማስቀመጥ ይችላሉ, አንድ ድረ-ገጽ. ይህ ዘዴ በደንብ ይሰራል, ነገር ግን በዚህ መንገድ የሚፈጥሯቸው ገፆች በጣም ትልቅ ናቸው እና በአሳሽ መስኮት ውስጥ ጥሩ አይመስሉም. የዚህ ዘዴ ብቸኛው ጉዳት ሊገኙ የሚችሉ መሳሪያዎችን መጠቀም መማር አለብዎት.

HTML መለያ ቋንቋ ነው።, ይህም ማለት በገጹ ላይ ያለውን ይዘት ለመቅረጽ መለያዎችን ማካተት ያስፈልግዎታል. እያንዳንዱ መለያ ከገጹ አካላት ውስጥ አንዱን ይወክላል. መለያ በአንግል ቅንፍ ተለይቷል።. አንዳንድ አካላት አንድ መለያ ብቻ ይፈልጋሉ, ሌሎች ደግሞ ሁለት ያስፈልጋቸዋል. የመዝጊያ መለያ ወደፊት መቆራረጥን ይይዛል. ለምሳሌ, የአንቀጽ መለያው አንቀጽ የሚባል ንጥረ ነገር ይፈጥራል. በመክፈቻ እና በመዝጊያ መለያዎች መካከል ያለው ጽሑፍ የአንቀጹን ጽሑፍ ይይዛል. በተመሳሳይ, የ ul tag ያልታዘዘ ዝርዝር ይፈጥራል.

አነስተኛ ዝርዝር መፍጠርን ያካትታል

ሚኒ-ያካተተ ክፍል መፍጠር በተመሳሳይ ድረ-ገጽ ላይ የተለያዩ ክፍሎችን ለማገናኘት ውጤታማ መንገድ ነው።. የኤችቲኤምኤል ገጽ በበርካታ ንዑስ ክፍሎች ሊከፈል ይችላል።, በእያንዳንዱ ክፍል የንጥረ ነገሮች ዝርዝር የያዘ. እነዚህ ንጥረ ነገሮች ለተለያዩ ዓላማዎች ያገለግላሉ. የፊደል ቅደም ተከተል ለማሳየት የአይነቱን ባህሪ መጠቀም ይችላሉ።. እንዲሁም የንጥረ ነገሮች ዝርዝር ለመፍጠር ትንንሽ ፊደሎችን መጠቀም ይችላሉ ሀ, ለ, ወይም ሐ.

ንጥረ ነገር ማከል ቀላል ነው።. ቀላል የኤችቲኤምኤል ሰነድ ይዘቱን የሚገልጹ መለያዎችን ይዟል. እነዚህ መለያዎች ብዙውን ጊዜ ጥንድ ሆነው ይመጣሉ. የመክፈቻ መለያው በውስጡ ያሉትን ንጥረ ነገሮች ለመዘርዘር ይጠቅማል, የመዝጊያ መለያው ኤለመንቱን ሲዘጋው. የመክፈቻ መለያ, ወይም ጭንቅላት, ስለ ሰነዱ ገላጭ መረጃን ያካትታል. ይህ መረጃ ርዕስን ሊያካትት ይችላል።, የቅጥ ሉህ መረጃ, ስክሪፕቶች, ወይም ሜታ መረጃ. የመዝጊያ መለያ, በሌላ በኩል, ኤለመንቱን ይዘጋል.

ኤችቲኤምኤልን በመጠቀም>-መለያ

ኤችቲኤምኤል>-መለያ የኤችቲኤምኤል ሰነድ ዋና ይዘት ቦታን ለመወሰን ይጠቅማል. ዋናው የይዘት ቦታ ከገጹ ማዕከላዊ ርዕስ ወይም ተግባራዊነት ጋር የተያያዘ ጽሑፍን ያካትታል. በጣቢያው ላይ ካሉ ሌሎች ይዘቶች የተለየ መሆን አለበት።. ሌላ ይዘት በገጹ ላይ በጎን አሞሌዎች መልክ ሊታይ ይችላል።, የአሰሳ አገናኞች, የቅጂ መብት መረጃ, የጣቢያ አርማዎች, እና የፍለጋ ቅጾች. የኤችቲኤምኤል ገጽ ኤችቲኤምኤልን መከተል አለበት።>-መለያ ኤችቲኤምኤል ገጽ እንደሆነ ይቆጠራል.

የ href= ባህሪው የአገናኝ ኤለመንቱን ይከፍታል።. በኋላ “=” ምልክት, የአገናኙን URL መለጠፍ አለብህ. በአንድ ርዕስ ውስጥ በርካታ የአንቀጽ መስመሮችን መጠቀምም ትችላለህ. የመዝጊያ ቅንፍ የግድ ነው. ይህ አገናኞችዎን በተሳሳተ መንገድ እንዳይተረጎሙ ይከላከላል. የኤችቲኤምኤል ገጹን ለማንበብ ቀላል ለማድረግ, ወደ ድር ጣቢያዎ አገናኝ ያክሉ. ኤችቲኤምኤል>-መለያ ወደ ሌላ ድረ-ገጽ የሚያመለክቱ አገናኞችን እንዲያክሉ ይፈቅድልዎታል.

የኤችቲኤምኤል ፋይል ለኮምፒውተርዎ የኤችቲኤምኤል ፋይል መሆኑን የሚነግር የኤችቲኤምኤል ቅጥያ ይኖረዋል. ከቦታዎች ይልቅ ሰረዝን መጠቀም ጥሩ ነው, ክፍተቶች የድር አሳሽ ፋይሉን እንዳያገኝ ስለሚከለክሉት. የኤችቲኤምኤል ገጽ መፍጠር ከጨረሱ በኋላ, ማስቀመጥ ይኖርብዎታል. ቀጥሎ, በኤችቲኤምኤል ፋይል ወደ አቃፊው ይሂዱ እና በቀኝ ጠቅ ያድርጉ. ከታች ካለው ቅጽበታዊ ገጽ እይታ ጋር ተመሳሳይ ሆኖ መታየት አለበት።.

ኤችቲኤምኤልን በመጠቀም>-ጽሑፍን ለማድመቅ መለያ ይስጡ

ምልክቱን መጠቀም ይችላሉ> በኤችቲኤምኤል ሰነዶች ውስጥ ጽሑፍን ለማድመቅ መለያ ይስጡ. በአንጻራዊነት አዲስ HTML ነው። 5 ባህሪ, እና የደመቀውን የአንቀጽ ክፍል ይገልጻል. ምልክቱ> መለያ የሚሰራው የኤችቲኤምኤል ሰነድ የጀርባ ቀለም ባህሪን በመቀየር ነው።. ምልክቱ> መለያ ሁለቱንም ዓለም አቀፍ እና የክስተት ባህሪያትን ይደግፋል. በቢጫ ወይም በጥቁር ጽሑፍ ያደምቃል. በ CSS ፋይል ውስጥ የጽሑፉን ቀለም መቀየርም ይቻላል።.

አብዛኛዎቹ የስክሪን አንባቢዎች የማርክ ኤለመንትን አያሳውቁም።, ነገር ግን የትኛውን ጽሑፍ ማጉላት እንደሚፈልጉ ግልጽ ለማድረግ የሲኤስኤስ ይዘት ንብረትን ወይም.በፊት እና.ከሃሰት-ኤለመንቶች በኋላ መጠቀም ይችላሉ።. ማስታወቂያዎች በቃላት ናቸው እና በገጹ ላይ አላስፈላጊ መረጃዎችን ይጨምራሉ, ስለዚህ በጥንቃቄ ሊጠቀሙባቸው ይገባል. ለምሳሌ, የፍለጋ ቃል ለማድመቅ ወይም ጥቅሶችን ለማገድ ማስታወቂያዎችን መጠቀም ትችላለህ. ማስታወቂያዎች በሁሉም ዋና አሳሾች ይደገፋሉ.

ከጀርባ-ቀለም ዘይቤ በተጨማሪ, ማድመቂያውን መጠቀም ይችላሉ’ በኤችቲኤምኤል ሰነድዎ ውስጥ ያለውን ጽሑፍ ለማድመቅ ክፍል. የበስተጀርባ ቀለም ዘይቤ በሁሉም አሳሾች ይደገፋል. እንዲሁም "ቢጫ" የሚለውን ቃል መጠቀም ይችላሉ’ ከቀለም ኮድ ይልቅ. አንድን አንቀጽ ወይም የጽሑፍ ክፍል ለማድመቅ ተመሳሳይ ኮድ መጠቀም ትችላለህ. ጽሑፍን ለማድመቅ የ CSS ክፍሎችን መጠቀምም ይችላሉ።.

ኤችቲኤምኤልን በመጠቀም>-አነስተኛ ያካትታል ዝርዝር ለመፍጠር መለያ ይስጡ

ኤችቲኤምኤል>-ታግ አነስተኛ-ያካተቱትን ዝርዝር ለመፍጠር ይጠቅማል. ተዛማጁ የመዝጊያ መለያን ይዟል እና የንጥሉ ስም ትንሽ ፊደል ነው. የኤችቲኤምኤል ሰነዶች በ UTF-8 ቁምፊ ኢንኮዲንግ ተጠቅመዋል, የዩኒኮድ ቁምፊዎችን ማካተት የሚደግፍ. ኤችቲኤምኤል ሲጠቀሙ>-መለያ, በ ውስጥ UTF-8 ን መምረጥዎን ያረጋግጡ “ማስቀመጥ-እንደ” የንግግር ሳጥን.

ኤችቲኤምኤልን በመጠቀም>-በኤችቲኤምኤል ገጽ ላይ አነስተኛ የሚያካትት ዝርዝርን ለመጨመር መለያ ቀላል ነው።. ይህን መለያ ላልታዘዘ ዝርዝር ለሚደግፍ ለማንኛውም አካል መጠቀም ትችላለህ. ለአሰሳ ምናሌ እንኳን ያልታዘዘ ዝርዝር መጠቀም ይችላሉ።. dl ኤለመንት የቃላቶች እና መግለጫዎች ጥንድ ዝርዝርን ያጠቃልላል. በትዕዛዝ ዝርዝር ውስጥ ያሉት እቃዎች በግራ በኩል ከፍ ካለው ቆጣሪ ጋር ይታያሉ. የዝርዝር ንጥሉ ወዲያውኑ በሌላ አካል ከተከተለ የ dl ኤለመንቱን መተው ይችላሉ።.

ሚኒ-ጨምሮ ዝርዝርን የማስገባት ሌላው መንገድ በኤችቲኤምኤል ሰነድ ውስጥ የግርጌ አባል ማከል ነው።. ይህ አካል የቅርቡን ክፍልፋዮች ይዘት ግርጌ ይወክላል. ብዙውን ጊዜ ስለ ደራሲው መረጃ ይይዛል, የቅጂ መብት ውሂብ, ወይም ተዛማጅ ሰነዶች ጋር አገናኞች. ኤችቲኤምኤልን በመጠቀም>-በኤችቲኤምኤል ገጽ ላይ አነስተኛ ያካተተ ዝርዝር ለመፍጠር መለያ ይስጡ

ኤችቲኤምኤልን በመጠቀም>-ነጠላ የጽሑፍ ብሎኮችን ለማድመቅ መለያ ያድርጉ

ኤችቲኤምኤል 5 የግለሰቦችን የጽሑፍ ብሎኮች ከማርክ ጋር ያደምቃል> ኤለመንት. ይህ HTML5 መለያ በምንጩ ውስጥ ያለውን የይዘት ቀለም ወደ ቢጫ ወይም ጥቁር ጥላ ይለውጠዋል, አንባቢው አስፈላጊ ጽሑፍን እንዲለይ ያስችለዋል።. እንዲሁም ከሌላ ጽሑፍ የበለጠ ትኩረት የሚያስፈልጋቸውን የይዘት ክፍሎችን ለማመልከት ሊያገለግል ይችላል።. ምልክቱ> ኤለመንት በኤችቲኤምኤል ውስጥ የአለምአቀፍ ባህሪያትን እና የክስተት ባህሪያትን ይደግፋል. በትክክል ጥቅም ላይ ሲውል, ይህ HTML5 መለያ የድረ-ገጹን ተነባቢነት ከፍ ሊያደርግ ይችላል።.

የኤችቲኤምኤል 4 ስታንዳርድ አካላዊ-ቅጥ የቁምፊ-ደረጃ መለያዎችን ያቋርጣል. ከአቀራረብ ጋር ይገናኛሉ።, እና ለእነዚህ አላማዎች CSS መጠቀም የተሻለ ነው. HTML5 እንደገና አስተዋውቋቸዋል።. እነሱ ከአሁን በኋላ አልተገለሉም።, ግን አሁንም ነጠላ የጽሑፍ ብሎኮችን ለማድመቅ ብቸኛው መንገድ አይደሉም. የጽሑፍ ብሎኮችን በHTML5 ለማድመቅ CSS ይጠቀሙ! ይህ ቀላል ዘዴ በአንድ የይዘት ክፍል ውስጥ የግለሰብን የጽሑፍ ብሎኮችን ያጎላል.

ተንሳፋፊ: ይህንን የሲኤስኤስ ንብረት በመጠቀም አንድን ንጥረ ነገር በያዘው ንጥረ ነገር ግራ ወይም ቀኝ ጠርዝ ላይ ለመንሳፈፍ ይችላሉ።. ፍርግርግ ወይም ዓምዶች ለመፍጠር ጥቅም ላይ ሊውል ይችላል. እንዲሁም iframe ወይም በአሳሹ ግራ ወይም ቀኝ ህዳግ ላይ ምስልን ለመንሳፈፍ ተንሳፋፊ የተባለውን የሲኤስኤስ ንብረት መጠቀም ይችላሉ።. እነዚህ ባህሪያት ነጠላ ብሎኮችን በሲኤስኤስ ለማጉላት ቀላል ያደርጉታል።.