ኤችቲኤምኤል - እኛ እናውቃለን እና ፍቅር እንደ ኢንተርኔት አድርጎታል መሆኑን HyperText Markup Language. ይህ ድንቅ መሣሪያ ጣቢያዎች ምስጋና ቆንጆ እና ዘመናዊ መልክ ነው እና አጠቃቀም ምቾት ይሰጣል. ኤች ቲ ኤም ኤል ብቻ ነው ለተጠቃሚ ምቹ አማራጭ ውስጥ አንድ ድረ-ገጽ ክፍሎች ቢሰበሰቡ. ሥራውን ለማከናወን እውነታ ጋር የሚመሳሰል ነው የጽሑፍ አርታኢዎች እንደ MS ቃል ወይም OpenOffice አድርገው. እነዚህ አንቀጾች, ደማቅ ጽሑፍ, በሰያፍ, ጠረጴዛዎች, እና እንዲያውም ምስሎችን ያለው ሰነድ ውስጥ ፊደላት አንድ faceless የጅምላ ያብሩ. በግምት ተመሳሳይ ነገር ኤችቲኤምኤል በውስጡ ሰነዶች በአሳሹ ውስጥ ይታያሉ, እና በዚህ መሣሪያ ላይ አጋጣሚዎች ጽሁፍ አርታኢ ይልቅ በጣም ሰፊ እንደሆነ መሆን ብቻ ልዩነት ጋር ያደርጋል. አንድ ድረ-ገጽ መዋቅር የሚገልጹ ልዩ ትእዛዝ - መለያዎች ላይ ምልክት ይጠቅማል. እነዚህ አንግል ቅንፍ ውስጥ ዝግ ነው - <መለያ> ማሰሻው ጽሑፍ አጠቃላይ የጅምላ ሆነው መለየት ይችላል. ቀጥሎ እኛ ለጀማሪዎች ኤም ኤል መሰረታዊ ነገሮችን እንመለከታለን.

የእይታ አርታኢዎች

ብቻ የ HTML ለማጥናት መንገድ የራቀ ለጀማሪዎች, ብዙውን ጊዜ ያለ ዕውቀት ድር ለመፍጠር ፕሮግራሞች ጋር ስራቸውን ይጀምራሉ. ወደ አሳሽዎ ላይ ይታያል እንደ እነርሱ በቀላሉ በማያ ገጹ ላይ ያሉትን ንጥሎች ማስቀመጥ ይችላሉ. ዘላለማዊ ጸጋ ምንጭ, ድር ገንቢዎች አብዛኞቹ ማስወገድ ያስችልዎታል - ይህ ነው እዚህ, ሊመስል ነበር. ነገር ግን በጣም ቀላል አይደለም, የምስል አርታኢዎች ለማድረግ በርካታ ጉድለቶች ምክንያቱም ይህ የማይቻል ከባድ ፕሮጀክቶች ውስጥ እነሱን መጠቀም.

እነዚህ ፕሮግራሞች በገጹ የመጨረሻ ስሪት መጠቅለልና እና suboptimal ማድረግ አላስፈላጊ መለያዎች ብዙ ይፈጥራል. እርግጥ ነው, ከፍተኛ ፍጥነት በይነመረብ በዚህ ዕድሜ ውስጥ ቀደም ያነሰ አስፈላጊ ነው, ነገር ግን አጭርና ግልጽ እና በሚገባ በጽሑፍ ድረ የምስል አርታኢ ውስጥ የተፈጠሩ በውስጡ ይገኝ, የበለጠ ጠቃሚ የሆነው ለምን እንደሆነ በርካታ ምክንያቶች አሉ. እንዲህ ያለ ፕሮግራም ውስጥ የተሠራ ድረ ገጽ ክፉኛ በጭንቅ እንዲቀምሱ እነርሱን አላቸው የፍቺ ስህተቶች ስብስብ ጋር ኮድ እና መጠቅለልና እና አመክንዮአዊ ኮድ ሁሉ ኪሎባይት ለእነርሱ እንደ አስፈላጊ በፍለጋ ፕሮግራሞች ይያዛል. በተጨማሪ, አርታኢዎች አብዛኛውን ጊዜ በስተጀርባ አብረቅራቂ ይሆናሉ, እና ምንም ባለሙያ እነዚህን ምርቶች መጠቀም አይችልም ምክንያቱም እድገታቸውን ሲያዳምጡ ነውና ላይ ሃብቶች ለማሳለፍ. ስለዚህ, ጣቢያዎች ፍጥረት ውስጥ መሥራት የሚፈልግ ማንኛውም ሰው, ኤች ቲ ኤም ኤል መሠረታዊ ነገሮች ማወቅ አለባቸው.

መለያዎች

ከላይ እንደተጠቀሰው, መለያዎችን በድር አሳሽ ገጽ አወቃቀር ይገልጻሉ. ከእነሱ መካከል አብዛኞቹ ግን ሁሉ, መክፈቻ እና መዝጊያ መለያዎች አላቸው. ለምሳሌ ያህል, <ርዕስ> ... , ይዘቱ የት ፋንታ ነጥቦች መካከል ነው. መለያውን የሚጀምረው የት እነዚህ ትዕይንቶች መካከል የመጀመሪያው ሲሆን ሁለተኛው ነው ይዘጋል. ሌሎች ንጥረ ነገሮች ገጽ አቀማመጥ ውስጥ ሊሆን ይችላል ውስጥ እነዚህ የወፍ ቤቶች አሻንጉሊቶች እንደ በቅርንጫፎቿ ይችላል. እዚህ ላይ ይህ ገጽ በትክክል ይታያል እንደሆነ መለያዎች መዝጋት ወሳኝ ነው.

ዝግ መሆን አያስፈልግዎትም ይህም ነጠላ መለያዎችን ደግሞ አሉ. ከእነሱ ውስጥ በውስጡም ነበር, እንዲሁም እንደ ባህሪያት. አይነታ ኤም ኤል-መለያዎች መካከል አብዛኞቹ ስለ የተቋቋመ ሲሆን ኤለመንት ባህሪያት ያስቀምጣል ይቻላል. ይህም የመክፈቻ መለያ ውስጥ የተወከለ ነው ይህን ይመስላል: አይነታ = "...", የ መገለጫ ባህሪ እሴት የት ፋንታ ነጥቦች መካከል ነው. መለያውን እውቀት ኤችቲኤምኤል ልማት የመጀመሪያው እና እጅግ አስፈላጊ እርምጃ ነው. የዚህ ጥበብ መሠረታዊ ደግሞ የድረ-ገጽ አወቃቀር የሆነ ግንዛቤ ያሳያል.

ሰነድ መዋቅር

እያንዳንዱ ኤችቲኤምኤል ሰነድ ለምሳሌ, index.html ያህል ተመጣጣኝ ቅጥያ አለው. ስለዚህ አሳሹ ሊያደርግ ያለው ምን መረዳት እንችላለን, እንዲሁም በትክክል አንድ ገጽ ማሳየት. ሁሉም ጣቢያ ለመፍጠር ጥቅም ላይ ፋይሎች, ወደፊት በእጅጉ ሕይወት እናዘጋጀዋለን ይሆናል ተመሳሳይ ማውጫ ውስጥ መጠበቅ ይመረጣል. HyperText Markup Language ኤችቲኤምኤል መካከል መሠረት ሰነዱን መዋቅር ግልጽ ግንዛቤ ያካትታል. ይህ መለያ ጋር ይጀምራል , በዚህ ሰነድ ውስጥ ጥቅም ላይ ነው ኤችቲኤምኤል, የአሳሽ ስሪት ይነግረናል. በአሁኑ ጊዜ, ቋንቋ ከፋፍሎ አምስተኛ ስሪት, ስለዚህ ምንም ነገር መፈልሰፍ አያስፈልግም ነው, እኛ በደህና ማንኛውም ገጽ አናት ከላይ መለያ ማስገባት ይችላሉ.

ከዚያም የጣቢያውን "አጽም" የያዘችው ዋናው የተጣመረ መዋቅር ይሂዱ. ይህም ውስጥ የመጀመሪያው መለያ የተቀሩትን ሁሉ ማስቀመጥ - ... . ይህም የሚከፍት ሲሆን ሰነዱ ከተዘጋ ስለዚህም በላይ እንደሆነ ሁሉ, አንድ ድረ ገጽ እንደ አሳሽ እውቅና አይደለም. ይህ መለያ በማንኛውም ሰነድ ያስፈልጋል. በተጨማሪም ከዚህ በታች ይብራራል ይህም በርካታ አስገዳጅ መለያዎች, ይዟል.

ራስ

መለያውን የውስጥ <ራስ> ... ነገር ግን, ሰነድ ኤችቲኤምኤል አስፈላጊ ክፍል ነው, ገጹ ላይ ይታያል, ነገር ግን አይኖረውም አንድ የቴክኒክ ተፈጥሮ, መረጃ ይዟል. በዚህ ቦታ ውስጥ አኖሩት የጣቢያ ማስታወቂያ, በተመረጡ እና የገጹን ስም ኢንኮዲንግ ተዋወቀ ናቸው. ይህ የግዴታ መለያ ... <ርዕስ> ውስጥ ይገኛል. እርስዎ በተጨማሪም ገጽ ይዘት ትንሽ አዶ ማስቀመጥ ትችላለህ የት አሳሽዎ, አናት ላይ ያለውን ስም ያሳያል. ወዲያውኑ በውስጡ ትክክለኛ ማሳያ የሚሆን ሰነድ ኢንኮዲንግ መግለፅ ማውራቱስ ነው. ይህ መለያ <ሜታ የማይስተናገዱ = "UTF-8" /> ጋር ሊደረግ ይችላል. ገጾች ላይ ዲበ ውሂብ መዋቅር ማቅረብ እና በተለምዶ ራስ ውስጥ የሚገኙት ናቸው.

ማያያዣ

ኤችቲኤምኤል መሠረታዊ እውቀት ደግሞ cascading ቅጦች, ወይም CSS መጠቀምን ያካትታል. እነዚህ በገጹ ላይ የሚታየው ንጥረ ባህሪያት ማዘጋጀት. ይህንን ችግር ወደ ዘመናዊ አቀራረብ አክለዋል ምቾት ውጫዊ ፋይል ቀለም, ቁመት እና ንጥል አካባቢ ያሉ ባህርያት ውሳኔን ይጨምራል. የ CSS-ፋይል መለያ <አገናኝ /> ይጠቀማል ለመገናኘት. የተጠናቀቀ ቅጽ ላይ, ይህ ያለ ነገር ይመስላል: <አገናኝ href = http: // ጣቢያ /article/250376/%E2%80%9Dstyle.css%E2%80%9D አይነት = "ጽሑፍ / CSS" />, href ያመለክታል ይህም በውስጡ አይነት ላይ - ፋይል, እና አይነት አካባቢ ላይ.

አካል

ይህ ገጽ የሚታይ ክፍል የተፈጠረው ኤችቲኤምኤል-ሰነድ በዚህ ክፍል ውስጥ ነው. ሁሉ በ "አካል" ውስጥ የሚደረገው በአሳሹ ይታያል. የ <አካል> ውስጥ HTML መለያዎችን ግዙፍ መጠን ተጠቅሟል. መሠረታውያን - ይህ ጽሑፍ ቅርጸት, አገናኞች በአንድ ድረ-ገጽ አኳያ ለማግኘት ቀላል መሣሪያ ጋር እንሰራለን. , ኤች ቲ ኤም ኤል ውስጥ መሰረታዊ መለያዎች ማወቅ እና እነሱን መጠቀም መቻል በቂ ሥራ ማግኘት. ከታች በጣም ታዋቂ ናቸው:

• - CSS ላይ እንደተገለጸው አንድ ዓይነት ስልት, የተመደቡት ወደ አንድ ሕብረቁምፊ ለማውጣት ጥቅም ላይ ይውላል;
• - አንድ ድረ ገጽ ላይ አገናኝ ይፈጥራል; ለመዝለል አድራሻ አይነታ href አልተገለጸም ነው;
• - በጣም ታዋቂ ዘመናዊ መለያዎች አንዱ; ይህ በዛሬው ድር ጣቢያዎች (የማገጃ ለ ግቤቶች

  CSS ውስጥ ተቀምጠዋል, እና ሌሎች ዩኒቶች ይህን መለያ ውስጥ ሊቀመጥ ይችላል) የአንበሳውን ድርሻ መሠረት ላይ ነው ይህም አንድ የማገጃ ኤለመንት, ምክንያቱም ይህ ልዩ ትኩረት መስጠት አለበት የቋንቋ HTMLl መሰረታዊ ነገሮችን ለመማር ወሰንኩ ማንኛውም ሰው;

• - ጽሑፍ አንድ አንቀጽ ይመርጣል; ወደ አንቀጽ ይዘቶች መክፈቻ እና መዝጊያ መለያዎች መካከል ይገኛል;

• - አንድ ቁጥር ዝርዝር, ንጥረ የትኛው መለያ ጥንድ ሆነው ናቸው
  1. ;
  2. - አንድ ነጥበ ዝርዝር, , እንዲሁም ቁጥር ክፍሎች ውስጥ ያለውን መለያ የተመላከቱ ናቸው
     • ;

     • -

       - ሰነድ ራስጌዎች (- ዋና ርዕስ እና በቀጣይ ልዩነቶች: በመንገድ አጠገብ, ርዕሶች

       ,

       ኢንተርኔት ክፍት ቦታዎች ላይ ማግኘት ይቻላል የማይቻል ነው ደረጃዎች በውስጡ ንዑስ ርዕሶች ናቸው አኃዝ ወደ ራስጌ, ማለትም

       ደረጃ ያመለክታል) አንድ ገጽ ብቻ አንድ ራስጌ ሊኖረው እንደሚችል ማስታወስ አስፈላጊ ነው

       ;

     • - ደማቅ ጽሑፍ;
     • - ሰያፍ;
     • - ስለ ድረ-ገጽ (በእርሷ መዝጋት አያስፈልገውም; ነገር ግን አንድ ምስል ለማግኘት ጽሑፍ ይገልጻል ይህም አማራጭ አይነታ, መግለፅ ያስፈልጋል, አንድ ነጠላ መለያ ነው) ላይ ስዕሎችን ያስገቡ;
     • <ኦዲዮ> - መለያ ሰነዱን የድምጽ ፋይል ውስጥ ገብቷል ነው.

     ይህ የራስህን ድረ ገጽ ለመፍጠር አስፈላጊ አይደለም ሁሉ መለያዎች ነው, ነገር ግን እነርሱ ለጀማሪዎች ኤም ኤል መሠረቶች ለሸሸን በቂ ናቸው.

     የሲ

     ኤችቲኤምኤል ቋንቋ እድገት እያንዳንዱ መለያ obzavolsya ክብደት አይነታዎች እውነታ ሆኗል, እና ድረ ገጾች መልክ መስፈርቶች በከፍተኛ ጨምሯል ማለት ነው. ኮድ ማንበብ ይቅርና ማስማማት ወይም ለውጥ ለማድረግ አስቸጋሪ ነበር መጠቅለልና እና የማይመች ሆኗል. በተጨማሪ, ከዚያም የጣቢያ አርዕስተ ብዙ, በአረንጓዴ ምልክት ሲሆን ላይ አስር ገጾች, ከሆነ ሁሉ እጅ በመቀየር አትረበሽ አለብን, እና በድንገት ቀይ ለማድረግ ፈልጎ ነበር. Cascading ቅጥ ሉሆች መፈልሰፍ, ይህ ሂደት ቀላል እና ምክንያታዊ ሆኗል, እና ኤች ቲ ኤም ኤል-ኮድ እጅግ ይበልጥ ተነባቢ ሆኗል.

     በመተግበር ላይ የሲ

     ድረ ገጾችን ለመፍጠር, እናንተ HTML እና CSS መሰረታዊ ነገሮችን ማወቅ አለበት, ስለዚህ ምንም ነገር ነው; በዚህ አካባቢ ማድረግ cascading ቅጥ ወረቀቶች እውቀት ያለ አሁን ነው. እነሱም መላውን ሰነድ ተፈጻሚ ይህም ለእያንዳንዱ ኤለመንት ባህርያት, ማዘጋጀት. በመሆኑም አንተ ብቻ አንድ አገዛዝ መጻፍ, ሁሉም

     ክፍሎች ወይም አንድ ጊዜ ቀለሙን ማዘጋጀት ይችላሉ. ድረ-ገጾች መልክ በአሁኑ መስፈርቶችን ከተሰጠው በኋላ, Cascading ቅጥ ሉሆች መጠቀም የግድ ነው.

     ሰነዱን ወደ CSS ፋይል ለማያያዝ እንዲቻል, አንድ መለያ አገናኝ አለ. ትንሽ በላይ ግን በውስጡ አጠቃቀም መርህ የተገለጸው, ነገር ግን በአንድ ቦታ ላይ ሁሉንም ቅጦች በማጣመር ብቸኛው አማራጭ አይደለም. የ ሰነድ በ "ራስ" ውስጥ በሚገኘው እና የሲ ኤስ ኤስ ፋይሎችን በመጠቀም ያለ ቅጦች ለማስመዝገብ ያስችላቸዋል ነው ይህም መለያ <ቅጥ> አለ. የግድ ማንም ዘዴ ወይም ሌላውን ለመጠቀም አይደለም. እነዚህ በተሳካ የተሻለ ውጤት ለማስገኘት ሊጣመሩ ይችላሉ. ቅጥ ወረቀቶች ጋር አንድ ፋይል መፍጠር, የቅጥያ .css ጋር Styles.css ለምሳሌ አንድ ፋይል መፍጠር አለብዎት.

     ጃቫስክሪፕት

     ብዙውን ድረ ገጾች በማደግ ለመጀመር ወሰነ የተቀበለ ሰው, ተግባሩን ኤችቲኤምኤል በሚያቀርባቸው ገንዘብ በቂ እንዳልሆነ ይገነዘባል. መሠረታዊ ውብ ገጽ መፍጠር, ነገር ግን በዴንገት ገቢራዊ ለማድረግ ምን ያስፈልገናል ቢሆንስ? እነዚህ ዓላማዎች, ኤች ቲ ኤም ኤል ጋር በደንብ የሚገናኝ አንድ ልዩ ሁኔታ የፕሮግራም ቋንቋ የለም. ይህ ታዋቂ የጃቫ ቋንቋ አንድ ታናሽ ወንድም ሆኖ ከመጸነሱ ምክንያቱም, ጃቫስክሪፕት ይባላል. ዛሬ, እነዚህን ቋንቋዎች ጉልህ ልዩነቶች አግኝቷል አድርገዋል, እና በእነሱ መካከል ያለው ክፍተት ብቻ ያድጋል.

     JavaScript አንተ መፍጠር እና አርትዕ መለያዎችን ያስችልዎታል, ኤች ቲ ኤም ኤል ሊያነሳሳቸው ይችላል. በተጨማሪም ይህ ድንቅ መሣሪያ እርዳታ ጋር, አንተ የ HTML ችሎታዎች መፍቀድ ይልቅ ጣቢያ የበለጠ ገቢራዊ ለማድረግ ገጹ ዳግም ከተጫነ ያለ ከአገልጋዩ ውሂብ ማውረድ, Cokie ጋር መስራት ይችላሉ. ይህ ቋንቋ እና ደህንነት ጋር የተያያዙ ናቸው የአቅም ውስንነት አለው. ጃቫስክሪፕት የአገልጋይ ወገን ላይ ጥቅም አይደለም ከሆነ, ጥቃቱን በማንኛውም ኮምፒውተር ላይ ጎጂ ኮድ መጠቀም እንደሚችል, በውስጡ ችሎታ መገደብ በዚያ ሁኔታ ውስጥ ይከናወናል.

     አርታዒያን

     የ ጀማሪ የሚሆን የ HTML መሰረታዊ ድረ ገጾችን ለመፍጠር በጣም አመቺ እና ተግባራዊ ፕሮግራም እውቀት ይወስዳሉ. ከላይ እንደተገለጸው, እንደ Dreamweaver እና የመሳሰሉትን እንደ የእይታ አርታኢዎች, እነዚህን ዓላማዎች ተስማሚ አይደሉም. ስለዚህ, አንድ መደበኛ ደብተር ውስጥ መለያዎች መጻፍ? መደበኛ ደብተር አቀማመጥ ማንኛውም ልዩ መሳሪያዎች የሉትም በመሆኑ ይህን አማራጭ ደግሞ አጠያያቂ ነው. ይህ ተግባር በሚገባ ደብተር ++ መቋቋም ይችላል. በዚህ ምርት አንድ ትልቅ ፕላስ ይህ ክፍት ምንጭ ነው እና ከክፍያ ነጻ የሚሰራጭ መሆኑን ነው. ውስጥ አመቺ የአገባብ ማድመቅ እና ራስ-የመዝጊያ መለያዎች የለም. ማስታወሻ ደብተር ++ ደግሞ ሰፊ በይነገጽ ቋንቋዎች ክልል, እና በቀላሉ በርካታ ተጨማሪ እርዳታ ለማስፋፋት ችሎታው ይሰጣል.

     ሊዋጅ ጽሑፍ 3 - የማስታወሻ ደብተር ++ ጋር ተመሳሳይ ፕሮግራም, ነገር ግን ክፍያ መሠረት ላይ ይተላለፋል. ይህ እሷ በጣም ገንቢዎች ልብ አሸንፈዋል. ጃቫስክሪፕት, CSS እና HTML ለ ሊዋጅ ጽሑፍ 3 ተስማሚ. ጋር የመሥራት መሠረታዊ ነገሮች በራሳቸው ላይ መማር አለባችሁ, ነገር ግን ይህን ዋጋ ነው. ይህ የእርስዎን ፍላጎት ለማስማማት ፕሮግራም ማስተካከል ዳጋፎች ጥሩ ተስተካክለው ለ በእውነት የለሽ አጋጣሚዎች ይዟል.

     የ HTML ውስጥ መሰረታዊ እና ለጀማሪዎች CSS

     እርስዎ ማየት እንደ መጀመሪያ በጨረፍታ ይመስላል እንደ ድረ-ገጾችን ለመፍጠር ያለውን ጥበብ በጣም አስቸጋሪ አይደለም ይማራሉ. ከጥቂት ወራት ተግባራዊ ስልጠና ገንቢው ዓይናፋር ተነፍቶ ተጠቃሚ ይመልሱዋችኋል. በማንኛውም የፕሮግራም ቋንቋ ወይም ሊኑክስ መማር ይልቅ በጣም ቀላል መማር Vorstke. እንዲያውም, HTML መለያዎችን ማመልከቻ ተግባራዊ ገጽታዎች መረዳት በጣም አስፈላጊ አይደሉም.

     በዚህ ንግድ ውስጥ ክፋት አላደረገም ብሎ ገሠጸው አትሁን Adobe Photoshop ውስጥ የሥራ ችሎታ ነው. ይህ ፕሮግራም ፎቶዎችን, ምስሎች እና ሌሎች የድረ-ገጾ ስዕላዊ ንጥረ ነገሮች ጋር ለመስራት ያስችላቸዋል. ለጊዜው ግን "Photoshop" እንዲህ ያሉ ችግሮችን ለመቋቋም የተሻለ ነው ላይ, ተወዳዳሪዎች አንድ ትንሽ ነበር. በ ኩባንያ የ Adobe ምርት የሆኑ ሰዎች ያላቸውን ሊያሲዙት አልመጣም ነበርና: በዚያ Lightroom, ጊምፕ, Illustrator እና ተመሳሳይ ተግባራት ጋር ሌሎች ፕሮግራሞች.

     ይህ ኤችቲኤምኤል ዕውቀት ይሰጣል

     በኢንተርኔት ከዘለለ እና ወሰን በ በማስፋፋት ነው እንደ ድረ-ገጾችን ለመፍጠር ችሎታ, ዛሬ በጣም ጠቃሚ ነው. እያንዳንዱ ድርጅት, ማንኛውም እንኳ ትንሿ ሱቅ, ወርክሾፖችና ስፖርት ክለቦች - ሁሉም በራስዎ ድር ጣቢያ እንዲኖረው ይፈልጋሉ. እና እርግጥ ነው, ይህ ስለ እነርሱ CSS እና HTML ባለቤት ማን ገንቢ ያስፈልጋቸዋል. ቀላል መሠረታዊ ነገሮች ለመማር, ከዚያም ልምምድ እስከ ነው. የአቀማመጥ ቴክኖሎጂ በየጊዜው እየተሸጋገረ ነው በመሆኑ, የፊት-ፍጻሜ ገንቢዎች በጥያቄ ውስጥ ሁልጊዜ ናቸው. ይህን አስደሳች ኢንዱስትሪ ራሱን መመደብ ከወሰነ ማንኛውም ሰው, ሥራ ያለ መሆን በጭራሽ.