ኤችቲኤምኤል መማር

2024 ደራሲ ደራሲ: Angel Austin | [email protected]. ለመጨረሻ ጊዜ የተሻሻለው: 2024-02-02 14:08

በዚህ ጽሁፍ የመጀመሪያ ድር ጣቢያህን ለመፃፍ HTML እንዴት መጠቀም እንደምትችል ትማራለህ! ጽሑፉ ለተሻለ ግንዛቤ ምሳሌያዊ ምሳሌዎችን ይሰጣል። ጽሑፉ በመጀመሪያ የተነደፈው ኤችቲኤምኤል መማር ለጀመሩ ሰዎች እንደሆነ ወዲያውኑ ቦታ እንያዝ። በተጨማሪም፣ ይህን ጽሑፍ በማንበብ መጨረሻ፣ የመጀመሪያውን ድር ጣቢያዎን ለመፍጠር ዋስትና እንደሚሰጥዎት ቃል እንገባለን።

ኤችቲኤምኤል ማለት ሃይፐር ጽሑፍ ማርከፕ ቋንቋ ማለትም ጽሑፍን ለማደራጀት የሚያስችል ቋንቋ ነው።

ከፕሮግራሚንግ ቋንቋዎች (ጃቫ ስክሪፕት፣ ፒኤችፒ፣ ወዘተ) በተለየ በድር ጣቢያዎች ላይ ስክሪፕቶችን ከሚጠቀሙ ተከታታይ ቋንቋዎች (HTML) የድር ጣቢያ ይዘትን ለመለየት መለያዎችን ይጠቀማል።

HTML ከባዶ መማር እንጀምር

እንግሊዘኛ በፊደሎች A፣ B፣ C ወዘተ እንደተሰራ ሁሉ ኤችቲኤምኤልም በልዩ "ሆሄያት" የተዋቀረ ነው፡,,

ወዘተ። እነዚህ ልዩ የኤችቲኤምኤል ቋንቋ "ፊደሎች" በድር አስተዳዳሪዎች ታግ ይባላሉ።

የሚከተለው የኤችቲኤምኤል መለያ ምሳሌ ነው።

መለያዎች በዚህ ጽሑፍ ጠርዝ አካባቢ መስመር ይፍጠሩ።

ኤችቲኤምኤል መለያዎች ከCSS የቋንቋ ዘይቤዎች ጋር የተጣመሩ ድረ-ገጾችን በፍጥነት እና በብቃት እንዲፈጥሩ ያስችሉዎታል።

የኤችቲኤምኤል ቦታ ከሌሎች ቋንቋዎች
እንደምታውቁት ጥሩ ድህረ ገጽቢያንስ በ5 ቋንቋዎች የተገነባ።
ዘመናዊው ድር ጣቢያ በቋንቋዎች ነው የተሰራው፡

HTML (መዋቅር እና ማዘዝ)።
CSS (የቅጥ ይዘት)።
ጃቫስክሪፕት (የአሳሽ ድርጊቶች)።
PHP (የአገልጋይ እርምጃ)።
SQL (የውሂብ ማከማቻ)።

ኤችቲኤምኤል ሌሎች የተመሰረቱበት ዋናው መሰረታዊ ቋንቋ ነው። ስለዚህ ኤችቲኤምኤልን መማር በድሩ ላይ ድረ-ገጾችን እንዴት መገንባት እንደሚቻል ለሚያውቅ ለማንኛውም ሰው የመጀመሪያ እርምጃ ሊሆን ይገባል።



መለያ
የኤችቲኤምኤል ቋንቋ ከተመሠረተ ጀምሮ ባሉት ዓመታት ውስጥ ተለውጧል። በአሁኑ ጊዜ፣ አብዛኞቹ የኢንተርኔት ድረ-ገጾች ወደ አዲሱ የቋንቋ ስሪት - HTML5 እየተሸጋገሩ ነው። ነገር ግን በኤችቲኤምኤል 5 ውስጥ እንኳን የቋንቋው መሰረታዊ ነገሮች አልተቀየሩም።
የኤችቲኤምኤል ገጽ አወቃቀር ልክ እንደ ሳንድዊች ነው። ልክ ሳንድዊች ሁለት ቁራጭ ዳቦ እንዳለው ሁሉ የኤችቲኤምኤል ሰነድም የኤችቲኤምኤል መክፈቻና መዝጊያ መለያ አለው።
እነዚህ መለያዎች፣ ልክ እንደ ሳንድዊች ውስጥ ያለ ቂጣ፣ ሁሉንም ነገር ከበው።






መለያ
ኤችቲኤምኤል መማርን በሚቀጥሉበት ጊዜ መለያውን በእርግጠኝነት ማወቅ አለብዎት። በቀጥታ በወላጅ መለያ ውስጥ ሁሉም የጣቢያው ይዘቶች፣ መለያውን ጨምሮ። ይህ መለያ የሚፈለገው እና የተፃፈበት የጣቢያው ገጽ ሁሉንም መቼቶች ይዟል. እነዚህ ቅንብሮች ለጣቢያ ጎብኚዎች አይታዩም፣ አሳሾች ብቻ (Google Chrome፣ Mozilla Firefox፣ ወዘተ) ያዩታል።
የድረ-ገጽ ቅንጅቶች እገዳ አሳሹ ጣቢያዎን በድሩ ላይ በትክክል እንዲያሳይ የሚያግዙ ሁሉንም "ያልተሰሩ" ክፍሎችን ይዟል።



ሁሉም አማራጮችበመለያው ውስጥ ሊዋቀር ይችላል ፣ እኛ እናየዋለን ፣ ግን ትንሽ ቆይቶ - ጊዜው ሲደርስ።



መለያ
መለያው ልክ እንደ መለያው ውስጥ ነው::
ይህ መለያ በጣቢያዎ ላይ ማሳየት የሚፈልጉትን ሁሉንም መረጃ ለማሳየት ያስፈልጋል።
ርዕሶች፣ አንቀጾች፣ ሠንጠረዦች፣ ሥዕሎች እና ማገናኛዎች በመለያው ውስጥ ሊካተቱ ከሚችሉት ንጥረ ነገሮች ውስጥ ትንሽ ክፍል ብቻ ናቸው።
የኤችቲኤምኤል ሰነድ መሰረታዊ መዋቅር፡


… …


የእርስዎ የመጀመሪያ ጣቢያ
አሁን ኤችቲኤምኤል በመጠቀም ድረ-ገጾችን መፍጠር እንደሚችሉ እና ለዚህም መሰረታዊ መለያዎች ጥቅም ላይ እንደሚውሉ ያውቃሉ፡

። የድረ-ገጽ ድንበሮችን ይዘረዝራል።
። ድረ-ገጽ በአሳሽ ውስጥ ለማሳየት ቅንብሮችን ይዟል።
። ለጣቢያ ጎብኚዎች ለማሳየት የሚፈልጓቸውን ሁሉንም የድረ-ገጽ ክፍሎች (ምስሎች፣ ቪዲዮዎች፣ ጽሑፎች እና የመሳሰሉት) ይዟል።

ሌሎች መለያዎች እንደ,, በቅርቡ እንነጋገራለን::
አንባቢው ይህን ጽሁፍ ማንበብ ብቻ ሳይሆን ክህሎታቸውን ለማዳበርም ወዲያው ቢሮጡ ጥሩ ነበር። የእርስዎን የኤችቲኤምኤል ችሎታ ለማዳበር፣ የእርስዎን የመጀመሪያ ድር ጣቢያ መፍጠር ያስፈልግዎታል፣ ይህም ለአዲሶቹ ችሎታዎችዎ መሞከሪያ ይሆናል።
የሞባይል ኦፕሬተሮች ("MTS"""ሜጋፎን" እና የመሳሰሉት) የሞባይል አገልግሎት እንደሚሰጡን ይታወቃል። በተመሳሳይ ሁኔታ ለጣቢያዎች ፈጠራ እና አስተዳደር አገልግሎቶች የሚቀርቡት ኦፕሬተሮችን በማስተናገድ ነው። ድር ጣቢያዎን ለመፍጠር ወደማንኛውም የነፃ ማስተናገጃ ኦፕሬተር ጣቢያ ይሂዱ።
የተረጋገጡ ማስተናገጃ አቅራቢዎች BEGETን ወይም ያካትታሉreg ለምሳሌ. ማንንም መምረጥ ይችላሉ።
ከአጭር ጊዜ ምዝገባ በኋላ ከ24 ሰአታት በኋላ በበይነመረቡ ላይ የመጀመሪያው ድህረ ገጽ በራስ ሰር ይፈጠራል ይህም ለመላው አለም ይታያል እና ልምምድ ማድረግ ትችላላችሁ!

የዘመናዊ ጣቢያ መዋቅር
አሁን ጣቢያዎ ስላሎት መለያ ምን መለያዎች እንደያዘ እና በጣቢያዎች ላይ መረጃን እንዴት እንደሚያደራጁ ይመልከቱ።





ከላይ ያለው ሥዕል ከቅርብ ጊዜው የኤችቲኤምኤል ቋንቋ -HTML5 ጋር አብሮ የመጣውን መዋቅር ንድፍ የሚያሳይ ነው። ከኤችቲኤምኤል 5 ጋር አዲስ መለያዎች ብቻ ሳይሆን የድር ጣቢያዎችን የመገንባት ትርጉምም መጣ። በምስሉ ላይ የምትመለከቷቸው ሁሉም መለያዎች በዋናው መለያ ውስጥ ይገኛሉ። እነዚህ መለያዎች የጣቢያዎን መዋቅር "እንዲገልጹ" እና ትርጉም እንዲሰጡት ያግዙዎታል።
ለምሳሌ ፣ በውስጥ መለያዎች… የጣቢያውን ርዕስ (መለያዎች) እና የጣቢያ መግለጫ (መለያ) ለማስቀመጥ ምቹ ነው።
የጣቢያውን ሜኑ (ሊንኮች) (መለያ) በመለያዎቹ ውስጥ ለማስቀመጥ ምቹ ነው።
ከየትርጉም ጋር የተያያዘ ማንኛውንም ትልቅ መረጃ በመለያዎቹ ውስጥ ለማስቀመጥ ምቹ ነው። እሱ በርካታ መጣጥፎች ሊሆን ይችላል፣ እያንዳንዱም በመለያዎች "የተጠቀለለ" ወይም በፎቶዎች (መለያ) ወይም በጠረጴዛዎች (መለያዎች

) እና ተጨማሪ።
ከሚለው ትርጉም ጋር የማይመጥን ማንኛውንም መረጃ በመለያዎቹ ውስጥ ለማስቀመጥ ምቹ ነው።
በመለያዎች ውስጥ፣ እንደ አድራሻ መረጃ፣ ተጨማሪ የጣቢያው ክፍሎች እና የመሳሰሉት ተጨማሪ መረጃዎችን ማስቀመጥ የተለመደ ነው።
ስለዚህ አሁን ዘመናዊ ድረ-ገጾች በምን አይነት ሁኔታ እንደተሰሩ ትንሽ ጎበዝ ነዎት። አንድ ምሳሌ እንውሰድበጭንቅላቴ ውስጥ የነበረው ብጥብጥ በማስተዋል ፍርሃት ተተካ።
ስለዚህ የፋይል አቀናባሪውን በማስተናገጃ ኦፕሬተርዎ ላይ ሲከፍቱት እና index.php የሚባል ሰነድ ሲያገኙ የጣቢያዎን መዋቅር ከባዶ ሆኖ ለመፃፍ ነፃነት ይሰማዎ።

የእኔ የመጀመሪያ ድር ጣቢያ

የገጽ ርዕስ
የገጽ መግለጫ
አገናኝ 1 | ማገናኛ 2 | አገናኝ 3

የአንዳንድ መጣጥፍ ርዕስ

ይህ ማንኛውንም መረጃ የያዘ ብሎክ ነው፣ እና በCSS እገዛ ይህንን ብሎክ እና መላውን ጣቢያ ከነሙሉ ይዘቱ በሚፈልጉት መንገድ መቀባት ይችላሉ። © መብቱ በህግ የተጠበቀ ነው

የጣቢያው የተለያዩ መቼቶች እንዳሉ መናገሩን አስታውስ? እንግዲህ ይሄው ነው፡

በመጠቀም ድረ-ገጹ የሩስያ እና የእንግሊዝኛ ፊደላትን ሊይዝ እንደሚችል አሳሾችን እናሳያለን (አለበለዚያ ገጹን ሲከፍቱ አስፈሪ krakozyabry ያያሉ።)
የገጹን ስም ለማመልከት ይጠቅማል፣ይህም በአሳሹ ትር እና በፍለጋ ሞተሩ ("Yandex"፣ Google እና የመሳሰሉት) ይታያል።

እርግጥ ነው፣ ያለ CSS አጻጻፍ፣ የእርስዎ ጣቢያ ስስታም (በነጭ ጀርባ ላይ ያሉ ጥቁር ፊደላት) ይመስላል፣ ግን መጀመሪያ ገጽዎን በኤችቲኤምኤል ለመጻፍ ይሞክሩ።
እንኳን ደስ አላችሁ! የመጀመሪያውን ድረ-ገጽ በራስዎ ድር ጣቢያ ላይ ፈጥረዋል! የበለጠ አስደሳች ይሆናል!