Hyper Text Markup Language፣ ወይም በቀላሉ HTML ማስቀመጥ፣ ድረ-ገጾችን ለመፍጠር ዋናው ቋንቋ ነው። በዚህ ጽሑፍ ውስጥ ለኤችቲኤምኤል ቋንቋ በጣም አጠቃላይ የሆነ መግቢያ እንሰጣለን.
የከፍተኛ ጽሑፍ ምልክት ማድረጊያ ቋንቋ
የኤችቲኤምኤል ሰነድ የተገነባው በመለያዎች መሠረት ነው። መለያዎች የሰነዱን መዋቅር ይፈጥራሉ. ዋናዎቹ መለያዎች የተጣመሩ ናቸው. ይህ ማለት እንደ የመክፈቻ መለያ ካለ<…>, ከዚያም በጨረፍታ የመዝጊያ መለያ መኖር አለበት…>. ያልተጣመሩ መለያዎችም እንዳሉ ልብ ሊባል የሚገባው ነው.
መላው የኤችቲኤምኤል ሰነድ በሁለት መለያዎች የተከበበ ነው። … . እንደምታየው የተጣመሩ ናቸው. በተጨማሪም የኤችቲኤምኤል ሰነድ ነጠላ አረጋጋጭ መለያ መያዝ አለበት።የአሁኑን ሰነድ አይነት የሚያመለክት.
HTML 4 ሶስት አረጋጋጭ አለው፣ HTML 5 አንድ አረጋጋጭ አለው። የኤችቲኤምኤል 5 መለያ መዋቅር እንደሚከተለው ነው።
ምሳሌዎች፡-
- ለኤችቲኤምኤል 4 ሰነዶች.
- ለሁሉም HTML5 ሰነዶች የደንብ ልብስ።
የኤችቲኤምኤል ሰነድ አወቃቀር
የኤችቲኤምኤል ሰነድ ራስጌ እና አካልን ያካትታል። ርዕሱ በመለያዎች ተቀርጿል።
… . የሰነዱ አካል በተጣመሩ መለያዎች ተቀርጿል። ….
ለምሳሌ፥የኤችቲኤምኤል 5 ሰነድ መሰረታዊ መዋቅር የሚከተለው መዋቅር ሊኖረው ይገባል
ለርዕስ የሚሆን ቦታ እዚህ አለ። የሰነዱ ጽሑፍ ይኸውና
የራስጌ መዋቅር
ርዕስ
… , በርካታ ልዩ መለያዎችን ያካትታል. ዋናዎቹ መለያዎች ናቸው።ርዕስ መለያ
ይህ በገጹ ርዕስ ክፍል ውስጥ የሚታየው የሰነዱ ርዕስ ነው።
ሜታ መለያ
ሜታ መለያ፣ ወይም ይልቁንም ሜታ መለያዎች፣ ምክንያቱም በአንድ ሰነድ ውስጥ ብዙ እንደዚህ ያሉ መለያዎች ሊኖሩ ይችላሉ። ልዩ መረጃ ይዟል. ለምሳሌ፣ የሰነዱን ኢንኮዲንግ የሚያመለክት ዲበ መለያ መኖር አለበት፡-
መግለጫ እና ቁልፍ ቃላት ሜታ መለያዎች ድረ-ገጾችን ለመጠቆም አስፈላጊ ናቸው፡
ዘመናዊ የፍለጋ ፕሮግራሞች ቁልፍ ቃላትን "ማየት" እንዳቆሙ አስተውያለሁ, ነገር ግን ይህ አጠቃቀማቸውን አይከለክልም. ማንም ሰው የውስጥ ግንኙነትን አልሰረዘም።
በኤችቲኤምኤል ውስጥ የድረ-ገጽ ምሳሌ
መሠረታዊ የኤችቲኤምኤል ድረ-ገጽ ይኸውና፡
ልዩ የጽሑፍ አርታኢዎችን ሳያጠና እና ሳይጠቀም የኤችቲኤምኤል መሰረታዊ ነገሮችን መማር አይቻልም። ምክንያቱም ማንኛውንም ጽሑፍ በኤችቲኤምኤል ገጽ ላይ መተየብ ያለብዎት እንደ ኖትፓድ++፣ ሱብሊም ቴክስት2፣ ወዘተ ባሉ የጽሑፍ አርታኢ ውስጥ ብቻ ነው። ሰነዱን ከተየቡ በኋላ, በ htm ወይም html ቅጥያ ማስቀመጥ ያስፈልግዎታል. የተፈጠረውን ፋይል በሚጠቀሙበት በማንኛውም አሳሽ ውስጥ እንከፍተዋለን።
የሰነድ አካል መዋቅር
በሰነዱ ውስጥ ጽሑፍ (በመለያዎች ውስጥ
) እንዲሁም በርዕስ እና ክፍሎች በመለያዎች ተከፋፍሏል.
ርዕስ እና አንቀጽ መለያዎች
የሰነዱ ጽሑፍ በልዩ መለያዎች ሊቀረጽ ይችላል።
አንቀጹ በመለያዎች ጎልቶ ይታያል
የጽሑፍ ክፍሎች ርእሶች በመለያዎች ተደምቀዋል
,, ፣ እስከ
የርዕስ መለያዎች በተዋረድ የተደራጁ ናቸው፣ እና በመለያው ላይ ያለው ቁጥር የአርእስቱን ጥልቀት ያሳያል።
መለያዎችን የመጠቀም ምሳሌ
ከምወደው ድረ-ገጽ አንድ አንቀጽ
h1 የምርት ምድብ
h2 የምርት ምድብ
h3 የምርት ምድብ
h4 የምርት ምድብ
h5 የምርት ምድብ
h6 የምርት ምድብ
መለያ ባህሪዎች
የመለያዎች ዋና ዋና ባህሪያት አንዱ align የሚባል የቅርጸት ባህሪ ነው። የባህሪ ዋጋ አሰልፍ፡
- ግራ - ወደ ግራ ያስተካክሉ ፣
- መሃከል - ወደ መሃል መደርደር;
- ቀኝ - ወደ ቀኝ ያስተካክሉ;
- ማጽደቅ - በሁለት ጠርዞች ላይ የተመጣጠነ አሰላለፍ.
ለምሳሌ፥
የእኔ ተወዳጅ ድረ-ገጽ
h1 ምርት
h2 ምርት
h3 ምርት
ይህ ቅርጸት አካላዊ ተብሎ ይጠራል እና በመሠረቱ ጊዜ ያለፈበት ነው። ለቅርጸት፣ Cascading Style Sheets (CSS) መጠቀም የተሻለ እና ይመከራል።
ዝርዝሮች
ዘመናዊው የኤችቲኤምኤል መስፈርት ሶስት ዋና ዋና ዓይነቶችን ለመፍጠር ያቀርባል።
- ያልታዘዙ ዝርዝሮች;
- የተቆጠሩ ዝርዝሮች (የታዘዙ ዝርዝር);
- የፍቺ ዝርዝር።
እያንዳንዱን ዓይነት ዝርዝር እንመልከት።
ነጥበ ምልክት የተደረገባቸው ዝርዝሮች
ነጥበ ምልክት የተደረገባቸው ዝርዝሮች በመለያዎች (ያልታዘዙ ዝርዝር) ይገለጻሉ። መለያዎች እያንዳንዱን ዝርዝር ንጥል ለመፍጠር ጥቅም ላይ ይውላሉ
ለምሳሌ፥
- ምርት 1 ከምርቱ ዝርዝር
- ምርት 2 ከምርቱ ዝርዝር
- ምርት 3 ከምርቱ ዝርዝር
በዝርዝሩ ውስጥ የርዕስ መለያዎችን ማስቀመጥ ይችላሉ-
- ምርት 1 ከምርቱ ዝርዝር
- ምርት 2 ከምርቱ ዝርዝር
- ምርት 3 ከምርቱ ዝርዝር
የዝርዝር ርዕስ
ማርከሮች፣ ማለትም ከዝርዝር ንጥሎች ፊት የሚታዩ አዶዎች ሊለወጡ ይችላሉ፣ እና መልካቸው በአይነት ባህሪያት ይገለጻል። የዓይነት ባህሪያት: ክበብ (ያልተሞላ ክበብ), ዲስክ (የተሞላ ክበብ) እና ካሬ (የተሞላ ካሬ) ሊሆኑ ይችላሉ. ነባሪው የዲስክ ባህሪ ነው። ምልክት ማድረጊያን ከዲስክ ባህሪ ጋር የመጠቀም ምሳሌ፡-
- ምርት 1 ከዝርዝሩ
- ምርት 2 ከዝርዝሩ
- ምርት 3 ከዝርዝሩ
የተቆጠሩ ዝርዝሮች
የተቆጠሩ ወይም የታዘዙ ዝርዝሮች፣ እያንዳንዱ የዝርዝሩ አካል ቁጥር ተሰጥቷል። የተቆጠሩ ዝርዝሮች በመለያዎች የተፈጠሩ ናቸው። ለእያንዳንዱ የቁጥር ዝርዝር አካል፣ የተጣመሩ መለያዎችም ጥቅም ላይ ይውላሉ
የተቆጠሩ ዝርዝሮች አምስት ባህሪያትን ይጠቀማሉ:
1-የአረብ ቁጥሮች; i- የሮማውያን ንዑስ ሆሄያት ቁጥሮች; I - የሮማውያን ካፒታል ቁጥሮች; a-ላቲን ትንሽ ፊደላት; A-ላቲን አቢይ ሆሄያት።
የቁጥር ዝርዝር ምሳሌ።
- ምርት 1 ከዝርዝሩ
- ምርት 2 ከዝርዝሩ
- ምርት 3 ከዝርዝሩ
የተቆጠሩ ምርቶች ዝርዝር
የላቲን ትንሽ ፊደላት ማርከሮች ያሉት ቁጥር ያለው ዝርዝር ምሳሌ፡-
- ምርት 1 ከዝርዝሩ
- ምርት 2 ከዝርዝሩ
- ምርት 3 ከዝርዝሩ
የትርጉም ዝርዝሮች
የቃል-ፍቺ ዓይነት ዝርዝሮችን ለመፍጠር መለያዎች ጥቅም ላይ ይውላሉ
- …
- , እና የቃሉ ፍቺ (ማብራሪያ) በተጣመረ መለያ ውስጥ ይገኛል
- .
ለምሳሌ፥
- ቃል 1
- የቃል 1 ማብራሪያ
- ቃል 2
- የቃል 2 ማብራሪያ
ርዕስ
መክተቻ ዝርዝሮች
ማንኛውም አይነት ዝርዝር፣ በጥይት እና በቁጥር የተያዙ፣ እርስ በእርሳቸው ውስጥ ሊጣበቁ ይችላሉ። ማንኛውም ማያያዝ ይፈቀዳል። የጎጆ ዝርዝሮችን ሲፈጥሩ ዋናው ነገር በተጣመሩ መለያዎች ውስጥ ግራ መጋባት አይደለም.
የጎጆ ዝርዝሮች ምሳሌ፡-
- ምርቶች ክፍል 1
- ምርቶች ክፍል 1.1
- ምርቶች ክፍል 1.2
- ምርቶች ክፍል 2
- ምርቶች ክፍል 2.1
- ምርቶች ክፍል 2.2
- ምርቶች ክፍል 2.3
- ምርቶች ክፍል 3
- ምርቶች ክፍል 3.1
የጎጆ ዝርዝሮች
ሰንጠረዦች በኤችቲኤምኤል
የኤችቲኤምኤል ሰነዶችን ለማዋቀር ዋናው መዋቅር ሰንጠረዦች ነው. ሆኖም ግን, የገጽ አወቃቀሮችን ለማደራጀት የጠረጴዛዎች አጠቃቀም ጊዜ ያለፈበት እና ከአሁን በኋላ የማይመከር መሆኑን ልብ ሊባል የሚገባው ነው.
የጠረጴዛ መዋቅር;
//- የተጣመሩ የጠረጴዛ መያዣ መለያዎች;//
// የጠረጴዛ ረድፍ ለመፍጠር መያዣ // // አንድ የጠረጴዛ ሕዋስ ለመፍጠር መለያ. ይህ መለያ በእቃ መያዣው ውስጥ መሆን አለበት , ይህም በ // መለያ ውስጥ መሆን አለበት - ድንበር - ፍሬም 2 ፒክስል ስፋት;
- ሴልፓዲንግ - በጠረጴዛ ሴሎች ውጫዊ ድንበሮች መካከል ያለው ርቀት;
- የሴሎች ክፍተት በጠረጴዛ ሴሎች ውጫዊ ድንበሮች መካከል ያለው ርቀት ነው.
- ቁመት - የጠረጴዛ ቁመት;
- ስፋት - የጠረጴዛ ስፋት.
- መግለጫ ጽሑፍ - የጠረጴዛ ርዕስ ለመፍጠር መለያ ፣ በእቃ መያዣው ውስጥ ብቻ ሊቀመጥ ይችላል።
.
ምሳሌ ሠንጠረዥ፡
ቀላል ጠረጴዛ 1-1 1-2 1-3 2-1 2-2 2-3 colspan እና rowspan መለያዎች
ሴሎችን ለማጣመር የተነደፈ: ሴሎችን በኤችቲኤምኤል ሰንጠረዥ ውስጥ ማዋሃድ ሴሎች 1.1 እና 1.2 ሕዋስ 1.3 ሕዋስ 2.1 ሕዋስ 2.2 ሕዋስ 2.3 ሴሎች 3.1 - 3.3
አገናኞች
የዚህ መለያ ዋና ባህሪ href ነው። ይህ መለያ አገናኙ የሚመራበትን ምንጭ አድራሻ ይዟል። የአገናኝ ጽሑፉ የተፃፈው በመያዣው መለያ ውስጥ ነው።
መልህቅ
በሌላ ሰነድ ውስጥ ያለውን መልህቅን ለማመልከት, የሃሽ (#) ያለው መልህቅ ስም ከሶስተኛ ወገን ሰነድ አድራሻ በኋላ ወዲያውኑ ይፃፋል, ያለ ቦታ.
በሰነድ 009 ውስጥ ወደ መልህቅ 3 አገናኝ
ስዕሎች እንደ አገናኞች
ስዕሎች እና ፎቶዎች እንዲሁ እንደ ማገናኛ ሊደረጉ ይችላሉ. ይህንን ለማድረግ, ስዕሉ መለያው ባለው ጽሑፍ ውስጥ ገብቷል . የዚህ መለያ src ባህሪ የምስል ፋይሉ ዋጋ አለው፡
ይኼው ነው! በእርግጥ የኤችቲኤምኤል መሰረታዊ ነገሮች የዚህን ቋንቋ ሁሉንም ባህሪያት አይሸፍኑም, ነገር ግን የኤችቲኤምኤል ሰነድ መፈጠርን ሀሳብ ይሰጣሉ.
ዘመናዊ የድረ-ገጽ መረጃ ቴክኖሎጂዎች ዓለማችን በፍጥነት በመለወጥ እና በድር ቴክኖሎጂዎች እድገት ላይ ተጽእኖ እያሳደሩ ነው. ይህ የቴክኖሎጂ አብዮት በንግድ ላይ ብቻ ሳይሆን በግል እና በሙያዊ ህይወት ላይ ከፍተኛ ተጽዕኖ አሳድሯል. የቅርብ ጊዜዎቹ የድረ-ገጽ ቴክኖሎጂዎች ወደ ሁሉም የህብረተሰብ ክፍሎች ውስጥ ዘልቀው በመግባት የመገናኛ ዘዴዎችን እና የዘመናዊ ኩባንያዎችን የድር ፕሮጀክቶችን የመምራት መርሆዎችን ይለውጣሉ, የኋለኛውን እጣ ፈንታ ይወስናሉ. የዘመናዊ የድር መረጃ ቴክኖሎጂዎች ውስጣዊ ውስብስብነት እና እጅግ በጣም ቀላልነት በሙያዊ ተግባራቸው ውስጥ በየቀኑ አጠቃቀማቸውን ለሚያገኙ ሁሉ ተደራሽ ያደርጋቸዋል።
በዕለት ተዕለት ኑሮም ሆነ በንግድ ሥራ፣ በደብዳቤና በንግድ፣ ሰዎችና ድርጅቶች ድህረ ገጽን ይጠቀማሉ፣ መረጃን፣ ዕቃዎችን እና አገልግሎቶችን የሚያቀርቡበት የራሳቸውን ድረ-ገጽ ይፈጥራሉ። የድረ-ገጽ ሀብቶችን ለመፍጠር የሚረዱ መሳሪያዎች በፍጥነት እና ያለማቋረጥ በማደግ ላይ ናቸው, ይህም ስለ አወቃቀራቸው እና ስለ መልክቸው ልዩ እውቀት ሳይጠይቁ ውስብስብ የድር ሰነዶችን እንዲፈጥሩ ያስችልዎታል, ለአምራች ፈጠራ እንቅስቃሴ ጊዜን ነጻ ያደርጋል. በዘመናዊ ሁኔታዎች ውስጥ የዌብ ቴክኖሎጂዎች ዋነኛው ጠቀሜታ ቀላልነታቸው እና በዚህም ምክንያት የአጠቃቀም ቅልጥፍናን መጨመር ነው.
የከፍተኛ ጽሑፍ ምልክት ማድረጊያ ቋንቋ HTML
የኢንተርኔት ታዋቂነት በዋነኛነት በአለም አቀፍ ድር (WWW) መከሰት ምክንያት ለተጠቃሚው ቀላልና ዘመናዊ በይነገጽ የተለያዩ የኔትወርክ ግብዓቶችን እንዲጠቀም ያቀረበው የመጀመሪያው የኔትወርክ ቴክኖሎጂ በመሆኑ ነው። ቀላልነት እና የአጠቃቀም ቀላልነት የ WWW ተጠቃሚዎች ቁጥር እንዲጨምር እና የንግድ መዋቅሮችን ትኩረት እንዲስብ አድርጓል። ከዚያ በተጠቃሚዎች ቁጥር ውስጥ ያለው የእድገት ሂደት ከባድ ችግር ሆኗል ፣ እና ይህ እስከ ዛሬ ድረስ ይቀጥላል። ሁሉንም ብዛት ያላቸውን የመረጃ ሀብቶች በማጣመር አስፈላጊነት ላይ በመመስረት ፣ የሃይፐርቴክስት ዳሰሳ ስርዓት በሚገለጽበት እገዛ ቴክኖሎጂ ማዳበር ጀመረ። ይህ ቴክኖሎጂ የኤችቲኤምኤል ቋንቋ ሆነ። የኤችቲኤምኤል ቴክኖሎጂ በመነሻ ደረጃው እጅግ በጣም ቀላል ነበር፣ እና ሁሉም ማለት ይቻላል የአውታረ መረብ ተጠቃሚዎች በአለም አቀፍ ድር ላይ የታተሙ የመረጃ ቁሳቁሶችን እንደ ፈጣሪ እና አንባቢ በተመሳሳይ ጊዜ የመሞከር እድል አግኝተዋል። እውነታው ግን የቴክኖሎጂው የተለያዩ ክፍሎች ሲፈጠሩ የመረጃ ሀብቶች ደራሲዎች እና መሳሪያዎቻቸው ከኮምፒዩተር ቴክኖሎጂ ጋር ያላቸው ብቃት አነስተኛ ይሆናል ተብሎ ይታሰብ ነበር.
ኤችቲኤምኤል (HyperText Markup Language) ማርክ ከሚባሉት ቋንቋዎች አንዱ ነው። "ምልክት ማድረጊያ" የሚለው ቃል የሚያመለክተው ከሰነዱ ጋር አብሮ የማይታይ የአጠቃላይ አገልግሎት መረጃን ነው, ነገር ግን ይገልጻል; የተወሰኑ የሰነዱ ቁርጥራጮች ምን መምሰል አለባቸው። ለምሳሌ፣ አንድ ቃል በደማቅ ወይም በሰያፍ ፊደል እንዲታይ፣ በአንድ የተወሰነ ቅርጸ-ቁምፊ ውስጥ አንድ አንቀጽ እንዲታይ ወይም አርእስቶች በትልቁ ቅርጸ-ቁምፊ ውስጥ እንዲታዩ ይፈልጉ ይሆናል።
በአሁኑ ጊዜ ብዙ የተለያዩ የማርክ ማድረጊያ ቋንቋዎች አሉ። ለምሳሌ፣ በግንኙነቶች ፕሮግራሞች ውስጥ፣ ልዩ የማርክ ማድረጊያ ቅጽ የእያንዳንዱን ጥቅል እና ዜሮዎች ወደ በይነመረብ የሚላኩትን ትርጉም ይወስናል። ሆኖም፣ ማንኛውም የማርክ ቋንቋ ሁለት አስፈላጊ ችግሮችን መፍታት አለበት፡-
1) ቋንቋው የማርክ አገባብ ይገልፃል;
2) ቋንቋው የመለያውን ትርጉም ይወስናል.
ለድረ-ገጾች በጣም የተለመደው የምልክት ቋንቋ HTML ነው። ይህ የምልክት ማድረጊያ ቋንቋ የኤስጂኤምኤል ንዑስ ስብስብ ሆኖ ተፈጥሯል እና አስተዋወቀ። በመጀመሪያ በ1974 በቻርልስ ጎልድፋርብ የቀረበው እና በመቀጠልም ከጉልህ ማጣራት በኋላ እንደ ይፋዊ የ ISO መስፈርት ተቀባይነት ያገኘ፣ SGML (መደበኛ አጠቃላይ የማርካፕ ቋንቋ) የብረታ ብረት ቋንቋ ነው - ሌሎች ቋንቋዎችን የሚገልፅ ስርዓት።
የኤስጂኤምኤል መስፈርት ብቅ ማለት በተለያዩ አፕሊኬሽኖች እና ኦፕሬቲንግ ሲስተሞች መካከል መረጃን የመጋራት አስፈላጊነት ነው። በ 60 ዎቹ ውስጥ እንኳን, የኮምፒተር ተጠቃሚዎች ብዙ የተኳሃኝነት ችግሮች ነበሩባቸው. የብዙዎቹ መደበኛ ያልሆኑ የማርካፕ ቋንቋዎች ድክመቶችን ከመረመሩ በኋላ፣ ሶስት የአይቢኤም ሳይንቲስቶች - ቻርለስ ጎልድፋርብ፣ ኤድ ሞሸር እና ሬይ ሎሪ - በተለያዩ ስርዓተ ክወናዎች ላይ በሰነዶች ላይ የመተባበር ችሎታን የሚያረጋግጡ ሶስት አጠቃላይ መርሆዎችን ቀርፀዋል።
1) ሰነዶችን በሚሰሩ ሁሉም ፕሮግራሞች ውስጥ ወጥ የሆነ የቅርጸት መርሆዎችን መጠቀም። ሙሉ በሙሉ ምክንያታዊ መስፈርት - የተለያየ ቋንቋ ለሚናገሩ ሰዎች እርስ በርስ ለመስማማት ምን ያህል አስቸጋሪ እንደሆነ ሁላችንም እናውቃለን. አንድ ነጠላ የአገባብ አወቃቀሮች እና የተለመዱ የትርጓሜዎች መኖር በፕሮግራሞች መካከል ያለውን ግንኙነት በእጅጉ ያቃልላል።
2) የቅርጸት ቋንቋዎችን ልዩ ማድረግ. በመደበኛ ደንቦች ስብስብ ላይ የተመሰረተ ልዩ ቋንቋ የመገንባት ችሎታ ምስጋና ይግባውና ፕሮግራመር በውጫዊ አተገባበር ላይ እና ስለ መጨረሻ ተጠቃሚው ፍላጎቶች ያላቸውን ሃሳቦች መደገፍ ያቆማል.
3) የሰነዱ ቅርጸት ግልጽ ፍቺ. የሰነድ ቅርጸቱን የሚገልጹት ደንቦች በሰነዱ ውስጥ ጥቅም ላይ የዋሉ የቋንቋ ግንባታዎችን ቁጥር እና ምልክት ያመላክታሉ. መደበኛ ቅርጸት መጠቀም ተጠቃሚው የሰነዱን ይዘት አወቃቀር በትክክል እንደሚያውቅ ያረጋግጣል። እባክዎን ያስተውሉ፡ ይህ ስለ ሰነዱ ማሳያ ቅርጸት ሳይሆን ስለ መዋቅራዊ ቅርጸቱ ነው። ይህንን ቅርፀት የሚገልጹት የሕጎች ስብስብ የሰነድ ዓይነት ትርጉም (ዲቲዲ) ይባላል።
እነዚህ ሦስት ደንቦች ለ SGML ቀዳሚ፣ ጂኤምኤል (አጠቃላይ የማርካፕ ቋንቋ) መሠረት ነበሩ። የአለም አቀፍ የገንቢዎች ቡድን ባደረገው ስምምነት የኤስጂኤምኤል ደረጃ እስኪወጣ ድረስ የጂኤምኤል ምርምር እና ልማት ለአስር አመታት ያህል ቀጥሏል።
ኤችቲኤምኤል (Hypertext Markup Language) የአለም አቀፍ ድርን መሰረት ያደረገ የኮምፒውተር ቋንቋ ነው። ኤችቲኤምኤል በ SGML ስታንዳርድ ላይ የተመሰረተ ነው፣ በድር ላይ ለሰነድ አቀራረብ hypertext markup ቋንቋ። የኤችቲኤምኤል ቋንቋ መመዘኛዎች፣ አንዱ ቁልፍ የድር መስፈርቶች፣ በW3C ጥምረት ተዘጋጅተው ተጠብቀዋል። የዚህ ዓለም አቀፍ ጥምረት መስራች ቲም በርነርስ ሊ ነው። የቅርጸት ደረጃዎችን ከመፍጠር በተጨማሪ ኮንሰርቲየም የሴማንቲክ ድር (የትርጉም አውታረ መረብ) ልማት ማዕከል ነው። የኤችቲኤምኤል ቋንቋ ለሰነዶች ቅርጸት ምልክት ያቀርባል እና በሰነዶች እና/ወይም ፍርስራሾቻቸው መካከል ያሉ ግንኙነቶችን ይገልጻል።
የኤችቲኤምኤል ኮድ ለመጻፍ መሰረት ሆኖ መደበኛ የጽሑፍ ፋይል ተመርጧል። ስለዚህ በ WWW ጽንሰ-ሐሳብ ውስጥ ያለው የሃይፐር ቴክስት ዳታቤዝ በኤችቲኤምኤል ምልክት የተደረገባቸው የጽሑፍ ፋይሎች ስብስብ ሲሆን ይህም የመረጃ አቀራረብን (ማርክ ማፕ) እና በእነዚህ ፋይሎች እና ሌሎች የመረጃ ሀብቶች መካከል ያለውን የግንኙነት መዋቅር (የከፍተኛ ጽሑፍ አገናኞች) ይወስናል።
የኤችቲኤምኤል ገንቢዎች ሁለት ችግሮችን መፍታት ችለዋል፡-
· ሰነዶችን ለመፍጠር ቀላል በሆነ መንገድ የ hypertext ዳታቤዝ ዲዛይነሮችን መስጠት;
· ይህ መሳሪያ ስለ ሃይፐር ቴክስት ዳታቤዝ የተጠቃሚ በይነገጽ በወቅቱ የነበሩትን ሃሳቦች ለማንፀባረቅ የሚያስችል ሃይለኛ ያድርጉት።
የመጀመሪያው ችግር ለሰነድ መግለጫ የመለያ ሞዴል በመምረጥ ተፈትቷል. የኤችቲኤምኤል ቋንቋ በስክሪኑ ላይ የሚታየውን የኤሌክትሮኒክ ሰነድ በዲዛይኑ የሕትመት ደረጃ ላይ ምልክት እንዲያደርጉ ያስችልዎታል; የተገኘው ሰነድ ሰፋ ያሉ የተለያዩ መለያዎች፣ ምሳሌዎች፣ የድምጽ እና የቪዲዮ ቁርጥራጭ ወዘተ ሊይዝ ይችላል። ቋንቋው የተለያዩ የአርእስት ደረጃዎችን፣ የቅርጸ-ቁምፊ ምርጫዎችን፣ የተለያዩ ዝርዝሮችን፣ ሠንጠረዦችን እና ሌሎችንም ለመፍጠር የተገነቡ መሳሪያዎችን ያካትታል።
በኤችቲኤምኤል ዕጣ ፈንታ ላይ ተጽዕኖ ያሳደረው ሁለተኛው አስፈላጊ ነጥብ መደበኛ የጽሑፍ ፋይል እንደ መሠረት መመረጡ ነው። የኤችቲኤምኤል አርትዖት አካባቢ በቀላል የጽሑፍ ፋይል እና በWYSIWYG (የሚመለከቱት ያገኙት) መተግበሪያ መካከል ያለ ሰው የሌለበት መሬት ነው። የአርትዖት አካባቢን መምረጥ ሁሉንም የጽሑፍ አርትዖት ጥቅሞች ይሰጥዎታል.
የ Hypertext አገናኞች, በጽሑፍ ሰነዶች መካከል ግንኙነቶችን መመስረት, ድምጽ እና ቪዲዮን ጨምሮ የተለያዩ የመረጃ ሀብቶችን ቀስ በቀስ አንድ ማድረግ ጀመሩ. የኤችቲኤምኤል ሃይፐርሊንክ ሲስተም በተለያዩ መስፈርቶች መሰረት እርስ በርስ የተያያዙ ሰነዶችን ስርዓት እንዲገነቡ ያስችልዎታል. የኤችቲኤምኤል ቋንቋ የቅርጸ-ቁምፊዎችን ቅርፅ እና መጠን ፣ የምሳሌዎችን መጠን እና ቦታ ለመቆጣጠር የሚያስችልዎ ትዕዛዞችን (መለያዎች) ይይዛል ፣ እና ከጽሑፍ ወይም ከሥዕላዊ መግለጫ ወደ ሌሎች የኤችቲኤምኤል ሰነዶች - hypertext link ተብሎ የሚጠራ . በኤችቲኤምኤል ቅርጸት ያለ ሰነድ በስክሪኑ ላይ ስለሚታየው መረጃ ሁሉንም አስፈላጊ መረጃዎች የያዘ የጽሑፍ ፋይል ነው። የድር ጣቢያ አሰሳ ስክሪፕቶችን ለማስተዳደር እንደ ጃቫ ስክሪፕት፣ ጃቫ እና ቪቢ ስክሪፕት ያሉ የስክሪፕት ቋንቋዎችን መጠቀም ትችላለህ (በአለም አቀፍ ድር ላይ የሚስተናገደ የሃይፐር ቴክስት ዳታቤዝ)። የተጠቃሚ ግቤት ቅጾች በኋላ ላይ የሚሰሩ እና ሌሎች መረጃዎች ልዩ የአገልጋይ ፕሮግራሞችን (ለምሳሌ በPHP ወይም Perl) በመጠቀም ሊሰሩ ይችላሉ። ኤችቲኤምኤል ድረ-ገጾችዎን በተመሳሳይ ድረ-ገጽ ውስጥ ካሉ ሌሎች ገፆች እንዲሁም በዓለም ዙሪያ ካሉ ሌሎች ድረ-ገጾች ጋር የሚያገናኙ የሃይፐርቴክስት አገናኞችን እና ጠቅ ሊደረጉ የሚችሉ አዝራሮችን እንዲያካትቱ ይፈቅድልዎታል።
ኤችቲኤምኤል የጽሑፍ ምልክት ማድረጊያ ቋንቋ እንጂ የፕሮግራሚንግ ቋንቋ አይደለም፣ይህም የድር ገጾችን ለመፍጠር ከሚጠቀሙባቸው መሳሪያዎች ውስጥ አንዱ ብቻ ነው (ይበልጥ በትክክል፣ የገጽ መግለጫ ቋንቋ)። ኤችቲኤምኤል ከፕሮግራሞች የማተም አቅም ጋር ሲነፃፀር የጽሑፍ የመቅረጽ አቅሙ ውስን ነው፣በተለይም በውስብስብ አካላት የበለፀገ ጽሑፍን ሲያትም።
ያለ የጽሑፍ አርታኢ እና የእጅ መለያዎች አቀማመጥ ማድረግ እንዲችሉ አሁንም ምንም የኤችቲኤምኤል አርታኢዎች የሉም። ይህ ከቋንቋው ጋር አብሮ መሥራትን ያወሳስበዋል እና ለእነሱ ሙሉ ለሙሉ ያልተለመዱ ተግባራትን እንዲቆጣጠሩ ያደርጋቸዋል።
የኤችቲኤምኤል ቋንቋን ባህሪዎች በመተንተን እና የእድገቱን ደረጃ በመገምገም በሚቀጥሉት ዓመታት የበለጠ የላቁ ማሻሻያዎችን ፣ አዳዲስ ቋንቋዎችን እና ከድረ-ገጾችን ጋር ለመስራት የመተግበሪያ ፓኬጆችን መጠበቅ አለብን ወደሚል መደምደሚያ ደርሰናል። .
ተለዋዋጭ እና የማይንቀሳቀሱ HTML ሰነዶች
ሁለት አይነት የኤችቲኤምኤል ሰነዶች አሉ - የማይንቀሳቀስ እና ተለዋዋጭ። የማይንቀሳቀሱ ሰነዶች በድር አገልጋዩ ወይም በአሳሹ ውስጥ የአካባቢ ፋይሎችን ሲመለከቱ በሚጠቀሙበት የፋይል ስርዓት ፋይሎች ውስጥ ይቀመጣሉ። በድር አገልጋይ ላይ መረጃን በሚለጥፉበት ጊዜ ተለዋዋጭ ሰነዶችን መጠቀም ይችላሉ - በቋሚነት በፋይሎች መልክ የማይኖሩ ፣ ግን በደንበኛው ጥያቄ ጊዜ የሚፈጠሩት። በተጨማሪም, ለዋና ተጠቃሚ, ሰነዶቹ በተለዋዋጭነት ወይም በስታቲስቲክስ ቢቀርቡ ምንም ለውጥ አያመጣም.
ተለዋዋጭ የኤችቲኤምኤል ሰነድ ለማመንጨት በድር አገልጋዩ በተገለጹት ህጎች መሠረት በልዩ ሁኔታ የተጻፈ ፕሮግራም ያስፈልጋል። በድር አገልጋይ ላይ መረጃን ለማስቀመጥ ለማቀድ ፣ ማንኛውንም ዓይነት ሰነድ አጠቃቀም በትክክል ለመወሰን ፣ የውሂብ ማዘመን ደረጃን ፣ መጠኑን እና የመዳረሻውን ድግግሞሽ ግምት ውስጥ ማስገባት ያስፈልጋል ።
ተለዋዋጭ ዘዴው የውሂብ ማከማቻን በመደበኛ መልክ, ለምሳሌ በመረጃ ቋት ውስጥ ይወስናል.
ውሂቡ በመደበኛ መልክ ከተከማቸ፣ ከዚያም የማይለዋወጡ ሰነዶች የሚመነጩት ለውጦች የተደረጉባቸውን የሰነድ አብነቶች በመጠቀም ነው። የማይንቀሳቀሱ ሰነዶችን ለማመንጨት በመረጃ ቋት አስተዳደር ሲስተም (ዲቢኤምኤስ) ውስጥ ውሂቡ የሚሰራበት እና መደበኛ የሆነበትን ማንኛውንም የሪፖርት ማድረጊያ መሳሪያዎችን መጠቀም ይችላሉ።
የኤችቲኤምኤል እይታዎች
ምንም አዲስ የኤችቲኤምኤል ቋንቋ ስሪቶች አይኖሩም ፣ ግን ተጨማሪ የኤችቲኤምኤል እድገት አለ XHTML (እንግሊዝኛ: ሊራዘም የሚችል hypertext Markup Language)። XHTML በችሎታ ከኤችቲኤምኤል ጋር የሚወዳደር ቢሆንም፣ የበለጠ ጥብቅ የአገባብ መስፈርቶች አሉት። ልክ እንደ ኤችቲኤምኤል፣ XHTML የኤስጂኤምኤል ቋንቋ ንዑስ ስብስብ ነው፣ ነገር ግን XHTML፣ ከቀደመው በተለየ፣ ከኤክስኤምኤል ዝርዝር መግለጫ ጋር ይስማማል። XHTML 1.0 በአለም አቀፍ ድር ኮንሰርቲየም (W3C) በጥር 26 ቀን 2000 እንደ ምክር ጸደቀ። ሆኖም ፣ አንድ ከባድ ዝርዝርን ከግምት ውስጥ ማስገባት አስፈላጊ ነው - በዚህ ቅርጸት ብዙ ቁጥር ያላቸው የመረጃ ሀብቶች ተፈጥረዋል ፣ እና በድር አሳሾች ለረጅም ጊዜ “ተረድተው” እና በዋናው መልክ ጥቅም ላይ ይውላሉ። በተጨማሪም, ሁሉም አዳዲስ ቅርጸቶች (እና ቀድሞውኑ እየተገነቡ ናቸው - ለምሳሌ XML) ለኤችቲኤምኤል ቴክኖሎጂዎች ድጋፍ ይደረጋል.
የምንሰራበት መንገድ እየተቀየረ ነው፣ እና የይዘት መዳረሻ መንገዶችም እንዲሁ። የኤችቲኤምኤል ቋንቋ በመጀመሪያ የተፈጠረው ከመድረክ-ገለልተኛ ቋንቋ ነው። አዳዲስ ቴክኖሎጂዎች በሁሉም ቦታ ማለት ይቻላል ጥቅም ላይ እየዋሉ ነው እናም በቅርቡ የአለም አቀፍ ድር ቦታ የዴስክቶፕ የግል ኮምፒዩተሮች ብቻ ተጠቃሚዎች ንብረት አይሆንም ፣ አንዳንድ ተጠቃሚዎች ለዓይነ ስውራን ወይም ለአሳሾች ብዙ ጊዜ የድምፅ ማሰሻዎችን በንቃት ይጠቀማሉ ይዘቱ የሚታየው በኮምፒዩተር ማሳያ ላይ ሳይሆን በቲቪ ላይ የሚታየው የአውታረ መረብ ወይም የቴሌታይፕ መዳረሻ ያላቸው የ set-top ሳጥኖች ወይም የተለያዩ የፔጀር አዘጋጆች እና ሌሎች ሞኖክሮም ማሳያዎች ሲጠቀሙ ነው።
የዩክሬን የትምህርት እና የሳይንስ ሚኒስቴር
የስኪድኖክራይኒያን ብሔራዊ ዩኒቨርሲቲ
በ Volodymyr Dahl የተሰየመ
የኮምፒውተር ሳይንስ ክፍል
በዲሲፕሊን
የኮምፒውተር ንድፍ እና መልቲሚዲያ
ተማሪ ቦልዳኮቫ I.V.
1. መግቢያ
3.1 HTML አርታዒዎች
ስነ-ጽሁፍ
1. መግቢያ
ዓለም አቀፋዊ ድር - ዓለም አቀፍ የኮምፒዩተር አውታረመረብ ዛሬ ሁሉንም ዓይነት መረጃዎችን የያዙ በሚሊዮኖች የሚቆጠሩ ጣቢያዎችን ይዟል። ሰዎች ይህንን መረጃ የበይነመረብ ቴክኖሎጂን በመጠቀም ያገኛሉ። WWW ን ለማሰስ ልዩ ፕሮግራሞች ጥቅም ላይ ይውላሉ - ዌብ ማሰሻዎች በ WWW ሰፊ ቦታዎች ውስጥ ለመጓዝ በጣም የሚያመቻቹ በድር አሳሽ ውስጥ ያሉ ሁሉም መረጃዎች በድረ-ገጾች መልክ ይታያሉ።
የመልቲሚዲያ ቴክኖሎጂን የሚደግፉ ድረ-ገጾች የተለያዩ የመረጃ አይነቶችን ያዋህዳሉ፡ ጽሑፍ፣ ግራፊክስ፣ ድምጽ፣ አኒሜሽን እና ቪዲዮ። በበይነመረብ ላይ ያለው ስኬት በአብዛኛው የተመካው አንድ የተወሰነ ድረ-ገጽ እንዴት በጥሩ ሁኔታ እና በሚያምር ሁኔታ እንደተሰራ ላይ ነው።
ተጠቃሚው የሚያምር ዲዛይን ያላቸውን፣ ከመጠን በላይ ግራፊክስ እና አኒሜሽን ያልተጫኑ፣ በፍጥነት የሚጫኑ እና በድር አሳሽ መስኮት ላይ በትክክል የሚታዩትን ድረ-ገጾች በመጎብኘት ይደሰታል።
ድረ-ገጽ መፍጠር ቀላል አይደለም ነገር ግን ሁሉም ሰው እራሱን እንደ ዲዛይነር መሞከር ይፈልጋል። እና በዚህ ጉዳይ ላይ, እኔ የተለየ አይደለሁም, ለዚህም ነው ይህንን ርዕስ ለኮርስ ስራዬ የመረጥኩት.
በጽሁፌ ውስጥ ድረ-ገጽ ለመፍጠር ማወቅ ያለብዎትን እና ምን ማድረግ እንደሚችሉ ለመረዳት ሞክሬያለሁ፣ ምን አይነት ሶፍትዌር ድረ-ገጾችን ለመፍጠር መሳሪያ እንደሆነ እና አጠቃቀሙን ውጤታማ በሆነ መንገድ ለመጠቀም።
በተጨማሪም በዚህ ሥራ ውስጥ የድረ-ገጽ ፕሮግራሚንግ ቋንቋን - ኤችቲኤምኤልን, በአጠቃላይ ተቀባይነት ያለው WWW መስፈርትን ገምግሜያለሁ. ይህ የድረ-ገጽ አወቃቀሩን እና ለትክክለኛው ዲዛይን ቴክኒኮችን እንድንተዋወቅ እድል ይሰጠናል. CMS Joomla ን በመጠቀም ድህረ ገጽ መፍጠርንም እንመለከታለን።
2. የ hypertext ምልክት ማድረጊያ ቋንቋ HTMLን ተመልከት
ድረ-ገጾች በማንኛውም መልኩ ሊኖሩ ይችላሉ, ግን እንደ መደበኛ ተቀባይነት አለው የከፍተኛ ጽሑፍ ምልክት ማድረጊያ ቋንቋ- በምስል፣ በድምፅ፣ በአኒሜሽን፣ በቪዲዮ ክሊፖች እና በሃይፐር ጽሁፍ አገናኞች የበለጸገ ቅርጸት ለመፍጠር የተነደፈ የሃይፐር ጽሁፍ ማርክ ቋንቋ።
ኤችቲኤምኤል ጽሑፎች በተለያዩ ልዩ አርታኢዎች እና ለዋጮች ሊፈጠሩ ስለሚችሉ የኤችቲኤምኤል ቋንቋን ሳያውቁ በድር ላይ መሥራት ይችላሉ። ነገር ግን በቀጥታ በኤችቲኤምኤል መጻፍ አስቸጋሪ አይደለም. ኤችቲኤምኤል አርታዒን ወይም መቀየሪያን ከመማር የበለጠ ቀላል ሊሆን ይችላል፣ እነዚህም ብዙ ጊዜ በተግባራዊነት የተገደቡ፣ ችግር ያለባቸው፣ ወይም በመድረኮች ላይ የማይሰራ ደካማ HTML ለማምረት።
የኤችቲኤምኤል ቋንቋ በበርካታ ጣዕሞች ይመጣል እና መሻሻል ይቀጥላል ፣ ግን የኤችቲኤምኤል ግንባታዎች ለወደፊቱ ጥቅም ላይ መዋል አለባቸው። ኤችቲኤምኤልን በመማር እና በጥልቀት በመረዳት ኤችቲኤምኤልን በመማር መጀመሪያ ላይ ሰነድ በመፍጠር እና በተቻለ መጠን በማስፋት በብዙ የድር አሳሾች አሁንም እና ለወደፊቱ ሊታዩ የሚችሉ ድረ-ገጾችን መፍጠር እንችላለን። ይህ ሌሎች ዘዴዎችን የመጠቀም እድልን አያካትትም ፣ ለምሳሌ በኦፔራ የቀረበው የላቀ ዘዴ ፣ ጎግል ክሮም፣ኢንተርኔት ኤክስፕሎረር ወይም ሌላ አሳሾች።
ከኤችቲኤምኤል ጋር መስራት አስፈላጊ ሆኖ ሲገኝ ብቻ ቅጥያዎችን በመጠቀም ሰነዶችን ደረጃውን በጠበቀ ቋንቋ የመፍጠር ውስጠቶችን እና ውጣዎችን የምንማርበት መንገድ ነው።
ኤችቲኤምኤል በአለም አቀፍ ድር ኮንሰርቲየም ጸድቋል። በሁሉም አሳሾች የተደገፈ ነው።
የኤችቲኤምኤል ሰነዶች የተጻፉት በASCI I ቅርጸት ስለሆነ፣ ማንኛውንም የጽሑፍ አርታኢ ለመፍጠር ሊያገለግል ይችላል።
በተለምዶ የኤችቲኤምኤል ሰነድ ከ.html ወይም ከቅጥያው ጋር ያለ ፋይል ነው። htm, ጽሑፉ በኤችቲኤምኤል መለያዎች (የእንግሊዝኛ መለያ - ልዩ አብሮገነብ መመሪያዎች) ምልክት የተደረገበት. ኤችቲኤምኤል አሳሹ የድር ሰነድ ይዘት በሚያሳይበት መሰረት የመለያዎችን አገባብ እና አቀማመጥ ይገልጻል። የመለያዎቹ ጽሑፍ እራሳቸው በድር አሳሽ አይታዩም።
ሁሉም መለያዎች በ" ይጀምራሉ<" и заканчиваются символом ">". ብዙውን ጊዜ አንድ ጥንድ መለያዎች አሉ - ጅምር (መክፈቻ) እና መጨረሻ (መዝጊያ) መለያ (በሂሳብ ውስጥ ቅንፍ ከመክፈት እና ከመዝጋት ጋር ተመሳሳይ) ፣ በመካከላቸው የማርክ መረጃው ይቀመጣል።
መረጃ
እዚህ የመነሻ መለያው መለያው ነው።
እና የመጨረሻዎቹ -
. የማለቂያ መለያው ከመጀመሪያው መለያ የሚለየው ከጽሑፉ በፊት ቅንፍ ስላለው ብቻ ነው።<>ምልክት አለ" / " (አጭበርባሪ)።የኤችቲኤምኤል ሰነድ የሚያነብ አሳሽ የኤችቲኤምኤል መለያ መዋቅርን በመጠቀም በመስኮት ያሳያል። እያንዳንዱ የኤችቲኤምኤል ሰነድ ሦስት ዋና ዋና ክፍሎች ሊኖሩት ይገባል፡
ሀ) የኤችቲኤምኤል መግለጫ;
ለ) የርዕስ ክፍል;
ሐ) የሰነድ አካል .
ሀ) የኤችቲኤምኤል መግለጫ
እና. የእነዚህ መለያዎች ጥንድ ለተመልካቹ (አሳሽ) በመካከላቸው የተዘጋ የኤችቲኤምኤል ሰነድ እንዳለ ይነግረዋል እና በሰነዱ ውስጥ ያለው የመጀመሪያ መለያ መለያ መሆን አለበት (በሰነዱ መጀመሪያ ላይ) እና የመጨረሻው -(በሰነዱ መጨረሻ ላይ).
ለ) የርዕስ ክፍል.
እና. በእነዚህ መለያዎች መካከል ስለ ሰነዱ (ርዕስ, የፍለጋ ቁልፍ ቃላት, መግለጫ, ወዘተ) መረጃ አለ. ሆኖም ግን, በጣም አስፈላጊው ነገር በአሳሽ መስኮቱ የላይኛው መስመር ላይ እና በ "ተወዳጆች (BookMark)" ዝርዝሮች ውስጥ የምናየው የሰነድ ርዕስ ነው. ልዩ የፍለጋ ሞተር ሸረሪት ፕሮግራሞች የውሂብ ጎታዎቻቸውን ለመገንባት የሰነዱን ርዕስ ይጠቀማሉ. ለኤችቲኤምኤል ሰነድዎ ርዕስ ለመስጠት ጽሑፍ በመለያዎቹ መካከል ይቀመጣልእና .የእኔ የመጀመሪያ ገጽ ሐ) የሰነዱ አካል.
ሦስተኛው የሰነዱ ዋና አካል የእሱ አካል ነው. ወዲያውኑ ርዕሱን ይከተላል እና በመለያዎቹ መካከል ይገኛል
እና. የመጀመሪያው ከመለያው በኋላ በትክክል መሆን አለበት, እና ሁለተኛው ከመለያው በፊት ነው