አንድ HTML ገጽ ምሳሌ እና መሠረታዊ ሥርዓቶች

በብዙ ቋንቋዎች ከመፈልሰፉ, ነገር ግን ኤችቲኤምኤል ቋንቋ በጣም ልዩ እና vosstrebovan አንዱ ነው. ይህ ፕሮግራም ሌሎች ቁልፍ ተነሳሽነት ብዙ የሚጠይቅ በመሆኑ. HyperText Markup Language (ኤችቲኤምኤል) - ብዙ ጊዜ ለውጥ ያዥ ቋንቋ ገንቢ በአሁኑ እውቀት አእምሮ ውስጥ የሚገኝ ነው.

እንዲያውም, ኤች ቲ ኤም ኤል ላይ ምንም አስቸጋሪ ነው, እና የፕሮግራም እና ኢንተርኔት ሰዎች ሁሉ በጣም ሩቅ በጥቂት ደቂቃዎች ውስጥ ደብተር ውስጥ ኤችቲኤምኤል-ገጾች ለማቋቋም ይፈጽማል. እውቅ ምሳሌዎች, በእርግጥ ቀላልነት, ለሁሉም ሰው ተደራሽ.

አጠቃላይ መግለጫ

ኤችቲኤምኤል ፋይል - የአንድ ገጽ ጣቢያ, ይህ አከራካሪ ነው ነገር ግን አንድ ግልጽ ነው መጀመር ገጽ አንድ ፋይል, ነገር ቢሆንም.

ኤች ቲ ኤም ኤል ፋይል ይገልጻል አንድ DOCTYPE ራስጌ የሚጀምረው የፋይሉን አይነት መሆኑን - ኤችቲኤምኤል. ሁሉም የገጽ አባሎችን (መለያዎች) አንግል ቅንፍ ውስጥ አመልክተዋል ናቸው. እያንዳንዱ ጥንድ ( "<" እና ">") አንድ መለያ ኤችቲኤምኤል ያካትታል. አብዛኛውን ጊዜ HTML መለያዎችን ሁሉ «መለያ» ለ, ማለት, የተጣመሩ «/ መለያ» አላቸው ናቸው. ሁለቱም አንግል ቅንፍ ውስጥ የተከለለ ነው. ሽግግር ወደ ቀጣዩ መስመር - ይህም በጣም ታዋቂ «br /» አንድ ነጠላ መለያ, አለ.

በፋይል ውስጥ ያለው ትልቁ መለያ - ኤችቲኤምኤል ራሴ ብቻ ሁለት መለያ የሚያካትት: ራስ እና የሰውነት. በመጀመሪያው ሁኔታ, የተለያዩ ዝርዝር በአሁኑ ፒኤችፒ እና ጃቫስክሪፕት ስክሪፕቶችን ሊሆን ይችላል ሌሎች አግባብነት ገጽ ፋይሎች አገናኞች የሚያመለክቱ ናቸው. በሁለተኛው ገጽ የጽሁፍ ይዘት ውስጥ. በተጨማሪም መለያዎች እና ስክሪፕቶች መልክ.

ቀላል ኤችቲኤምኤል-ገጽ

እንዲህ ገጽ ለመፍጠር ምሳሌ ከዚህ በታች ባለው ርዕስ ላይ ተመልክቷል. በጥንቃቄ እንመልከት.

ራስ ክፍል

ዋናው ዓላማ ራስ መለያ - በገጹ እና አጠቃላይ ስክሪፕቶች አጠቃላይ መግለጫ, ሁለተኛውን ቢሆንም - ብቻ አንጻራዊ ጽንሰ. አብዛኛውን ጊዜ ብቻ ሁለት ነገሮች ላይ ከፍተኛ ቦታ የሚሰጠው አለ ይያያዛል;

• ቁልፍ ቃላት እና ከገጹ ገለፃ;
• ሌሎች ፋይሎች አገናኞች (* .css እና * .js).

አንዳንድ ሌሎች ፋይሎች ስያሜዎችን እና ሌሎች ስክሪፕቶች ቋንቋዎች የሲ ኤስ ኤስ ደንቦች ያላቸው የት ያመለክታል ምክንያቱም በዚህ ክፍል ገጽ ይዘት ያለውን ይዘት ለማሳየት ብቻ በተዘዋዋሪ ጠቀሜታ አለው.

ኤችቲኤምኤል-ገጽ አንድ ጎብኚ ገጹን ተከፈተ ነው የት ትር ላይ የመዳፊት ያመጣል ጊዜ የሚታይ ነው ርዕስ (TITLE) አለው. ይህ ሊነበብ የሚችል ጽሑፍ የተፈረመበት ገጹን የበለጠ ግብረገብ, ቀላል ለማለት, ምክንያቱም ይህ አስፈላጊ ነው.

ሜታ-መለያዎች በአጠቃላይ የድር ፕሮግራም ውስጥ አስፈላጊ ናቸው, ነገር ግን እንደ ደብተር, የማይፈለግ የተዝረከረኩ ቃላቶቹ መዋቅሮች አንድ ምሳሌ ውስጥ ኤችቲኤምኤል-ገጾች መፍጠር ያስፈልጋል ጊዜ.

በ LINK እና ስክሪፕት አገናኞች ላይ ልዩ ትኩረት መስጠት አለብዎት. የ JavaScript-ኮድ ፋይል ቦታ - የመጀመሪያው አንድ የሲ stylesheet ፋይል, ሁለተኛው ባለበት ቦታ ያመለክታል. እንዲህ አገናኞች ሊዘጋጅ ይችላል.

አንተም ጠንካራ ትሆናለህ ስክሪፕቶች አንድ የ HTML እውቀት እንደ መታከም አለበት የሚጠቀሙ ከሆነ, cascading ቅጥ ወረቀቶች ላይ ወዲያውኑ ትኩረት መስጠት ይኖርባቸዋል. የ CSS ፋይሎች, በተለይ, HTML መለያዎችን ምዝገባ ያለውን ደንቦች ናቸው.

ክፍል አካል

እንዲያውም, አንድ ናሙና ገጽ ኤችቲኤምኤል - ይህ አካል ክፍል ነው. ይህ ሁሉ መረጃ, ይዘት ገጽ በሙሉ ይዟል እዚህ ነው. ሁሉም መረጃዎች እንዲህ JavaScript-ኮድ ወይም ፒኤችፒ-ፕሮግራም ቁርጥራጭ በማስገባት እንደ መለያዎችን እና ስክሪፕቶች, መልክ የሚቀርብ ነው.

እሱም እንደ ማስታወሻ ደብተር እንደ ጽሑፍ አርታኢ ውስጥ አሳሹ እና ተመሳሳይ ምሳሌ ውስጥ ኤችቲኤምኤል ድረ ገጾች ምሳሌ, ይህ ተመሳሳይ ነገር እንዳልሆነ መገንዘብ አስፈላጊ ነው. በመጀመሪያው ጉዳይ ሁላችንም ስክሪፕቶች ተገድለዋል ውስጥ ዝግጁ ኤችቲኤምኤል-ጽሑፍ ነው. ለምሳሌ ያህል, ፒኤችፒ በውስጡ ክፍል ተፈጸመ ቆይቷል ፋንታ ትክክለኛ ቦታዎች መለያዎች ውስጥ ኮድ ተቋቋመ. ገና የተለየ ውይይት እንዲሆን ስለ ይሁንና ጃቫስክሪፕት ደግሞ የራሱ ተልዕኮ ተፈጸመ.

ኤችቲኤምኤል - ከዚህ ይልቅ ስክሪፕቶች እንደማትቀበል. በመጨረሻም ብቻ በአሳሹ ውስጥ የሚታየውን ገጽ ይዘት, ነገር ግን በውስጡ መለያ. ምንም ፒኤችፒ-ኮድ የለም.

ብቻ ሳይሆን ቡት ጊዜ (ጫና) ላይ, ገጹን ለማገልገል, ግን ትውስታዎች ላይ ገጹን ጎብኚው አሳሽ ውስጥ በሚሆንበት ጊዜ, እና ጥናቶች ይህም - ጃቫስክሪፕት ልዩ አቋም, በእሱ እንክብካቤ ላይ ነው.

አንድ ቀላል ምሳሌ ኮድ ኤም ኤል-ገጽ (ብቻ አካል ክፍል) ከዚህ በታች ይታያል.

ከታች እንደሚታየው አንድ ጎብኚ አሳሽ ይመስላል.

ኮዱን ውስጥ አልተገለጸም ነበር ማሰሻው ያመጣው ንጥረ ነገሮች መምሰል አለበት. ሁሉም ንድፍ የሲ ደንቦች ውስጥ የሚታይ ነው. በዚህ ሁኔታ ውስጥ, Mcss (. አንድ ገጽ ኤችቲኤምኤል ያለው በጣም የመጀመሪያው ምሳሌ ይመልከቱ) የተጠቆመው ነበር / scPhpWordRW.css ፋይል.

ኤችቲኤምኤል, CSS ገጽታ ቀላል ነው በተለየ በጣም ተደራሽ ደንቦች አለ እና HTML-ገጾች ፍጥረት ምሳሌ ደብተር ይልቅ ሌላ ምንም ነገር አያስፈልገውም ጊዜ ቁጥራቸው, ትንሽ ነው. ሁሉም ወዲያውኑ ልማት በጣም ተደራሽ ነው:

ይህ መለያ scLogo_vDoc የተገለጸው እንዴት ቀላል ያሳያል, ይህም መግለጫ መለያውን አንድ በመደበኛ ሁኔታ ውስጥ ፎቶ vDoc-logo.png የሚያሳይ ነው, እና አይጥ በላዩ ላይ ነው; ጊዜ - vDoc-logo-h.png ይታያል.

የ HTML መግለጫ አወቃቀር

ቋንቋ እዚህ በጣም አንጻራዊ ነው ጽንሰ አወቃቀር እና አገባብ ማንኛውም በማከናወን ማድረግን አይደለም. ምንም ተለዋዋጭ አሉ, ነገር ግን እድሎች በብዛት አሉ. የበይነመረብ መሠረታዊ መሠረት የሆነ ስም እንዲኖራቸው እርግጠኛ የሆነ ኤለመንት (መለያ) እንዳለ ነው.

እኛ መለያውን መጀመሪያ, እና ስለ ከሆነ ( «<» + tagName + «>») ተገቢ ስሞች (tagName) እና አንግል ቅንፍ ያቀፈ ጉዳዩ ስም, መለያውን ጥንድ: «», ተመዝግበው ከሆነ ፍጻሜው.

ከዚህ በታች ያለውን ጽሑፍ ውስጥ የሚገኙ ባህሪያት የሚያብራራ ኤም ኤል ገጾች ምሳሌ.

ባህርያት ሊኖራቸው የሚችሉት መለያ, ከዚያም እነርሱ ">" የመዝጊያ አንግል ቅንፍ በፊት መለያ ስም በኋላ በአንድ ቦታ በኩል ማስቀመጥ ነው. እነሱ መለያ ብቻ መጀመሪያ ላይ ተመዝግቦ ይገኛል ካለዎት, ባህርያት. መለያውን ይዘት መጀመሪያ መለያ እና መጨረሻ መካከል የሚተኛ ሲሆን ነው.

ጠቅላላ HTML ይዘት መግለጫዎች

ኤችቲኤምኤል የ የማገጃ እና የውስጥ መስመር አባላትን ለመግለጽ ያስችልዎታል. በመጀመሪያ ፍጹም, በዚያ የማሳያ ኤችቲኤምኤል-ገጾች መስክ ላይ በትክክለኛው ቦታ ላይ ነው የአሳሽ መስኮት ውስጥ አንድ የተወሰነ ቦታ ላይ ሰልጥኖ ይቻላል ልንሰጣቸው, እንዲሁም አንድ የተወሰነ መጠን አላቸው.

ገጹ ፋይል ውስጥ እንደተገለጸው, እና በማሳያው ላይ የሚታየውን ነበር እንደ የመስመር ክፍሎች በአጠቃላይ, ነው, አንድ ክር ይታያሉ. ገጹን ጭነት በሚሆንበት ጊዜ ጠቅላላ ፍሰት ማሳያ ተጽዕኖ ሊሆን ይችላል. ምደባ, ታይነት እና የማገጃ ንጥረ ነገሮች ሌሎች ንብረቶች ላይ ጃቫስክሪፕትን-ኮድ በኩል በማንኛውም ጊዜ ተጽዕኖ ሊሆን ይችላል.

ቀላል ንጥረ ነገሮች በተጨማሪ, ኤች ቲ ኤም ኤል ገበታዎች ቅጾች ለመግለጽ ያቀርባል. እነዚህ ክፍሎች ውስጥ ተፈላጊነት ውስጥ በጣም ብዙ ናቸው "በዕለት ተዕለት ጣቢያ ህንፃ."

በሰንጠረዡ መግለጫ: መለያዎችን የርዕስ, ወንዶቹ, TD

ማውጫ መለያ ሠንጠረዥ ለመፍጠር ጥቅም ላይ ሊውል የሚችለው መቼ, TD ህዋሳት በርካታ በረድፍ ውስጥ ረድፎች እና TR ቁጥር መጥቀስ. ይህን መግለጫ ብቻ ተፈጥሮ ኤም ኤል-ያዥ ሠንጠረዣዊ ድርጅት ምክንያት ድርጅት የተለመደው ጠረጴዛ, በተቃራኒ ገንቢው ተመሳሳይ ሁሉ ረድፎች ውስጥ አምዶች ብዛት, ከዚያም ለራስህ መሆኑን መከተል አለበት ውስጥ አንድ ማዕዘን ጠረጴዛ እንዲኖረው የሚፈልግ ከሆነ ነው.

መረዳት አይደለም ነው ሁሉ ማድረግ, ነገር ግን ምንም: ወደ በመሠረታዊ ኤችቲኤምኤል ውስጥ ቦታ. በአንዳንድ ሁኔታዎች ውስጥ ይህ ሰንጠረዥ እያንዳንዱ ረድፍ ውስጥ አምዶች ብዛት በጣም አስፈላጊ አይደለም, ነገር ግን በአግድም ወይም በቁሙ መቀላቀልን ሕዋሳት ለማከናወን የሚፈልጉ ከሆነ, ይህ በጣም በጥንቃቄ ሁሉ መቁጠር አስፈላጊ ነው.

አንድ ቀላል ጠረጴዛ መግለጫ ጋር ምሳሌ HTML ገጽ በግራፊክ ርዕስ ውስጥ ይታያል.

የአምዱ ራስጌ - እዚህ ኛ ፋንታ TD መለያ ጥቅም ላይ የሚውለው የመጀመሪያው ረድፍ መለያ ጋር ሦስት አምዶች በ ሦስት ረድፎች መጠን የሚያሳይ ሠንጠረዥ ነው. በተለይም እነዚህን ሁለት መለያዎች የለንም የሚለየው ግን ለመጠቀም በሰንጠረዡ ውስጥ የመጀመሪያው ረድፍ መካከል ለመለየት የመጀመሪያው ይቻላል, እና ኛ ወደ CSS ውስጥ, ሌላ TD የሚለይ ይህም የራስዎን ቅጥ, ማያያዝ ይችላሉ.

መግለጫ ቅጽ: ቅጽ መለያ, ግቤት

ቅጽ - ይህ የ HTML-መለያዎች በጣም ጠየቀ ክፍል ነው. በመጠቀም ቅጾችን መረጃ ማስተላለፍ ይችላሉ. እንደ እውነቱ ከሆነ ግን ገጽ - በዚህ ማሳያ መረጃ, ነገር ግን ቅጽ - ግብዓት.

አንድ ቀላል ቅጽ መግለጫ ጋር ምሳሌ HTML ገጽ:

ቅጾች ብዙ በላይ ይጠቀማል, ነገር ግን እንደሚከተለው ዋና ዋና ባህሪያት ናቸው. የ የግቤት መስክ መግለጽ ይችላሉ, እነሱን የተጠቃሚ ግብዓት ትንታኔ ንድፍ እና ክስተት ተቆጣጣሪዎች ወደ መመደብ ያስፈልገናል. አንተ የተደበቀ መስክ መግለጽ እና ገጽ ዳራ መረጃ ማስተላለፍ ይችላሉ. ያንን ውሂብ ማስተላለፍ ሂደት ያስጀምራል በመጫን, የመረጃ ማስተላለፊያ አዝራር መሾም ይችላሉ.

ኤችቲኤምኤል መጠቀም

የበይነመረብ ቋንቋ ማወቅ - የኢንተርኔት ፕሮግራም መስክ ውስጥ ማንኛውንም ሥራ specialization ሊኖረው የሚገባ ሁኔታ, ነገር ግን ፒኤችፒ ወይም ጃቫስክሪፕት ውስጥ አንድ ፕሮግራም ለመጻፍ ከፈለጉ, ከዚያም ኤችቲኤምኤል + የሲ ፍጹም ያስፈልገናል አውቃለሁ.

ፒኤችፒ ቋንቋ ቀዳሚው ምሳሌ ውስጥ ተለይቷል. ከዚህ ቅጽ ጋር አንድ ገጽ የተሞላ መስኮች ጋር አሳሽ ከአገልጋዩ ተጓዝን; ምክንያቱም ፒኤችፒ, በአገልጋዩ ላይ ይሰራል. በተለይም, መለያውን ግቤት (onblur ክስተት ተቆጣጣሪ) ውስጥ የተጠቀሰው TestOnBlur ተግባራት, የጽሑፍ መስኮቹን መልክ ሁሉ ልኬቶች ተቀበሉ.

አሳሹ ጃቫስክሪፕት ይሮጣል, እና በአግባቡ ውሂብ ወደ አገልጋዩ አዝራርን መላክ ይሠራ ዘንድ, ነው, ንድፍ :. Onclick = jQuery ( 'ወደ #') ቫል ( 'ጋሪ'); ይህ ብቻ ሳይሆን ምን jQuery ስለ ማወቅ አስፈላጊ ነው, ነገር ግን ምን #to, ቫል, ጋሪ. ተጨማሪ በትክክል, ይህ መሰረታዊ HTML መለያዎችን እና እነሱን ወደ የሲ ቅጦችን ተግባራዊ አጠቃላይ ደንቦችን ማወቅ አስፈላጊ ነው.

ይህ በፍጥነት የበይነመረብ ፕሮግራም አካባቢ ውስጥ ማንኛውም specialization መመዘኛ ለማሳደግ በቂ ነው.