HTML - бид мэднэ, хайр шиг интернэтийг хийсэн гипертекст тэмдэглэгээний хэл. Энэ гайхамшигтай арга хэрэгсэл сайт ачаар сайхан, орчин үеийн харагдах бөгөөд тэдгээрийг ашиглах нь тохиромжтой байдаг. HTML нь ердөө л нь хэрэглэхэд хялбар сонголт нь вэб хуудсын элементүүдийг assembles. Түүний ажил хийж байгаатай харьцуулж болох текст засварлагчийг ийм MS Word, эсвэл OpenOffice байна. Тэд зүйлийг, тод текстээр, налуу, хүснэгт, бүр зургийг бүхий баримт бичигт захидал Faceless массыг хаадаг юм. Ойролцоогоор нэг зүйл нь бичиг баримт браузер гарч байгаа бөгөөд энэ арга хэрэгсэл боломж текст засварлагч дээр илүү өргөн байдаг байх нь зөвхөн ялгаа нь HTML болгодог. вэб хуудас бүтцийг тайлбарлах тусгай тушаалуудыг - хаягуудыг тэмдэглэгээ зориулж зөвхөн ашиглагддаг. <Шошго> хөтөч текст нийт массын ялгахын болох - Тэд өнцөг хаалтан байна. Дараа нь бид эхлэн HTML үндсийг харж болно.

харааны редактор

зөвхөн HTML судлах замыг хучилттай эхлэн ихэвчлэн ямар ч мэдлэг байхгүй вэбсайтыг бий болгох хөтөлбөр нь ажлаа эхэлнэ. тэд хөтөч дээр гарч ирэх болно гэж тэд зүгээр л дэлгэцэн дээр зүйлсийг байрлуулж болно. Энэ нь энд шиг санагддаг юм - мөнхийн ач ивээлийг эх үүсвэр, вэб хөгжүүлэгчид хамгийн салахыг олгодог. Гэхдээ маш энгийн биш, харааны редактор хийж олон дутагдалтай байдаг учраас энэ нь боломжгүй зүйл тэднийг ноцтой төсөлд ашиглах хэрэгтэй.

Эдгээр програмууд нь ярвигтай бөгөөд оновчтой бус хуудасны эцсийн хувилбар гаргах шаардлагагүй хаягууд нь маш их бий. Мэдээж хэрэг, өндөр хурдны интернэт энэ эрин үед энэ нь өнгөрсөн хугацаанд багагүй ач холбогдолтой байдаг, гэхдээ яагаад товч, сайн бичигдсэн вэб сайт нь өөрийн биеэр, харааны засварлагч бий илүү практик юм шалтгааны улмаас хэд хэдэн байна. Ийм хөтөлбөрт хийсэн Вэб хуудас муу бараг амт нь тэднийг байж семантик алдаа нь багц нь код болон ярвигтай болон уялдаа холбоогүй код бүр килобайт нь тэдэнд чухал гэж хайлтын эмчилж болно. Үүнээс гадна, редакторууд нь ихэвчлэн дахин ард хамааралгүй болж, ямар ч мэргэжлийн эдгээр бүтээгдэхүүнийг хэрэглэж байх болно, учир нь тэдний хөгжлийн боломжгүй юм дээр нөөцийг зарцуулах. Тиймээс сайт бий болгох ажиллах хүсэлтэй хэн ч, HTML үндсийг мэддэг байх ёстой.

хаягууд

Дээр дурьдсанчлан, хаягууд вэб хөтөч хуудсын бүтцийг тайлбарлах болно. Тэдний ихэнх нь нээлт, хаалтын хаягуудыг байна, гэхдээ бүгдийг нь биш. Жишээ нь, <нэр> ... агуулга оронд оноо хаана байна. Эдгээр шоу хаяг эхэлсэн эхний болон хоёр дахь нь хаадаг. бусад элементүүд хуудас зохион байгуулалт байж болох юм хүрээнд тэд үүрлэх хүүхэлдэй шиг багтсан болно. Энд хуудас зөв гарч байгаа хаягуудыг хаах нь чухал байна.

нэг хаягууд, хаалттай байх хэрэггүй юм бас байдаг. Тэдний хувьд энэ нь, дотор нь байсан, түүнчлэн шинж чанарууд. Шинж чанар HTML-хаягууд ихэнх байгуулагдаж, элементийн шинж чанарыг тогтоож болно. Энэ нээлтийн тагийн-д томилсон байна иймэрхүү харагдах болно: шинж чанар = "...", оронд нь оноо хаана шинж үнэ цэнэ юм. тагийн мэдлэг HTML хөгжүүлэх анхны бөгөөд хамгийн чухал алхам юм. Энэ урлагийн үндсийг ч бас вэб хуудас бүтцийн талаар ойлголттой гэсэн үг.

баримт бичиг бүтэц

HTML баримт бичиг бүр нь жишээ нь, index.html нь харгалзах өргөтгөлтэй байдаг. Тэгэхээр хөтөч тэр хийж байгаа зүйлээ ойлгож болно, мөн зөв хуудсыг харуулах. сайтад үүсгэхэд ашиглагддаг файлууд мэдээлэл, цаашид таны амьдралыг маш их хөнгөвчлөх болно тэр сан дахь байлгах нь зүйтэй. Hypertext Markup Language HTML суурийг баримт бичгийн бүтэц нь тодорхой ойлголттой холбогддог. Энэ нь коммандаар эхэлнэ , HTML, энэ баримт бичигт хэрэглэж байгаа вэб хөтөч хувилбарыг хэлдэг. Одоогийн байдлаар, хэлний сэдэвчилсэн тав дахь хувилбар нь, тийм болохоор тэнд юу ч зохион бүтээсэн ямар ч шаардлага, бид аюулгүй аливаа хуудасны дээд Дээрх хаяг оруулж болно.

Дараа нь сайтын "араг яс" бүрдүүлэгч гол хосолсон бүтэц явж байна. Бүх үлдсэн тавих эхний хаяг - ... . гадуур юм бүхэн, тэр нээж, баримт бичиг хаадаг тул, вэб хуудас болгон хөтөч хүлээн зөвшөөрсөн байна. Энэ хаяг нь ямар ч бичиг баримт шаардлагатай байдаг. Энэ нь мөн хэд хэдэн зайлшгүй хаягуудыг доор хэлэлцэх болно агуулдаг.

дарга

тагийн дотор ... нь техникийн шинжтэй, хуудсан дээр гарч байх болно, гэвч гэсэн хэдий ч, баримт бичиг HTML чухал хэсэг юм мэдээллийг агуулдаг. Энэ газарт тавьсан Сайтын мэдээлэл, сонгогдсон болон хуудасны нэрийг кодчилолд нэвтрүүлсэн байна. Энэ нь заавал тагийн <нэр> ... дотор агуулагдаж байдаг. Энэ нь таны браузер, та мөн хуудасны агуулга нь жижиг дүрсийг байрлуулж болно эхэнд нэрийг харуулна. Энэ нь даруй түүний зөв дэлгэц нь баримт бичиг кодчилол зааж өгөх нь зүйтэй юм. Энэ хаяг нь <мета тэмдэгтийн бүрдэл = "UTF-8" /> нь хийж болно. хуудсан дээр Мета өгөгдлийн бүтцийг хангах, ихэвчлэн толгой дотор байрладаг.

Link

HTML-ийн үндсэн мэдлэг мөн давхардлаас хэв маяг, эсвэл CSS ашиглах явдал юм. Тэд хуудсан дээр гарч ирнэ элементүүдийн шинж чанарыг тогтоосон. энэ асуудлыг орчин үеийн хандлага нь нэмж тав тухтай байдлыг хангах гадаад файлд өнгө, өндөр, зүйлийн байршил зэрэг шинж ногдуулах, явдал юм. CSS файл хаяг <холбоос /> ашигладаг холбоно. Бэлэн хэлбэрээр, энэ нь иймэрхүү харагдах болно: <холбоос href = HTTP: // сайт /article/250376/%E2%80%9Dstyle.css%E2%80%9D төрөл = "текст / CSS" /> href харуулж байна түүний төрөл - файл болон төрөл байршил.

Биеийн

Энэ хуудасны харагдах хэсэг бий HTML-баримт бичгийн энэ хэсэгт байна. Мэдээлэл нь "байгууллага" дотор хийж байна браузер харуулагдах болно. <Биеийн> нь HTML хаягууд нь асар их байсан. Үндэс - Энэ Текст форматлах, холбоосууд болон вэб хуудас нь зохион байгуулах энгийн арга хэрэгсэл нь ажиллаж байна. Үндсэн хаягуудыг мэдэж, тэдгээрийг ашиглах боломжтой байх нь хангалттай HTML ажиллах авахын тулд. Доорх хамгийн алдартай хүмүүс байна:

• - нь substring олборлох нь тодорхой хэв маяг, CSS-д заасан оноож өгөх ашигласан бол;
• - Вэб хуудас дээр холбоос үүсгэдэг; үсрэх хаяг шинж чанар href заасан байна;
• - хамгийн алдартай орчин үеийн хаягууд нэг; Үүн онцгой анхаарал хандуулах ёстой энэ нь блок элемент, өнөөдрийн вэб сайт (блок параметрүүд

  CSS-д заасан байгаа, болон бусад нэгж энэ тагийн дотор байрлуулж болно) дийлэнх хувь үндсэн дээр хийсэн юм, учир нь хэлний HTMLl үндсийг сурах шийдсэн хэн бүхэн;

• - текст нь догол мөр сонгож, -р зүйлийн агуулга нээлт, хаалтын хаягууд хооронд байрладаг байна;

• <Ол> - нь дугаарлагдсан жагсаалт элементүүд нь хаяг хос зэрэг нь <Ли>;
• - нь Сумтай жагсаалт , түүнчлэн дугаартай элемент тагийн хамт тэмдэглэсэн байна <Ли>;

  • -

    - баримт бичиг толгойн (- гол нэр, болон дараа дараагийн хувилбарууд нь хадмалтай, замаар гарчиг <Т5>,

    Интернет нээлттэй орон зай дээр олох бараг боломжгүй юм түвшин байна, Зураг толгой, өөрөөр хэлбэл

    түвшинг харуулж байна) энэ хуудас нь зөвхөн нэг толгой байж болно гэдгийг санах нь чухал юм

    ;

  • <Хүчтэй> - зоримог бичвэр;
  • - налуу;
  • - вэб хуудас (энэ нь зогсоох хэрэгтэй биш юм, гэхдээ энэ нь алт шинж чанар, текстийг нь дүрсний тодорхойлно зааж өгөх шаардлагатай байдаг, нэг хаяг байдаг) дээр зураг оруулах,
  • <Видео> - вэб хуудсан дээр видео оруулах;
  • <Аудио> - хаяг баримт бичиг, аудио файл болгон оруулсан байна.

  Энэ нь бүх биш өөрийн вэб хуудсыг бий болгох шаардлагатай хаягууд нь байдаг, гэхдээ тэдгээр нь эхлэн HTML суурийг тавихад хангалттай.

  CSS

  HTML хэлний хөгжлийн хаяг бүр obzavolsya жин шинж чанаруудыг гэдгийг хүргэсэн бөгөөд вэб хуудсанд харагдах шаардлага ихээхэн нэмэгдсэн хэлнэ. Хууль, ярвигтай болон эвгүй болсон үүнийг уншиж, ганцаараа байг дасан зохицох, эсвэл өөрчлөлт хэцүү байсан юм. Үүнээс гадна, дараа нь таны сайт нь арван хуудсыг, аль гарчиг нь маш их, ногоон тэмдэглэсэн бол бүр гараа өөрчлөгдөж, хөлс ёстой, та нар гэнэт тэднийг улаан хийхийг хүссэн юм. Cascading Style Sheets бий болсноор, энэ үйл явц нь энгийн, логик болж, HTML-код нь илүү их сонирхолтой болж байна.

  хэрэглэх нь CSS

  Вэб хуудсыг үүсгэхийн тулд та HTML болон CSS үндсийг мэдэж байх ёстой, тиймээс энэ бол юу ч биш энэ салбарт хийх Cascading Style Sheets мэдлэг ч одоо байна. Тэд бүх баримт бичигт хамаарна элемент тус бүрийн шинж чанаруудыг тогтоосон. Тиймээс, та өнгө нэг удаа бүх

  элемент буюу нь, зөвхөн нэг л дүрмийг бичиж тохируулж болно. Вэб хуудсуудын дүр төрх нь өнөөгийн шаардлагыг харгалзан, Cascading Style Sheets ашиглах байх хэрэгтэй.

  бичиг баримт нь CSS файлыг холбохын тулд онд хаяг холбоос байдаг. Бага зэрэг дээш нь түүнийг хэрэглэх зарчмыг тодорхойлсон боловч энэ нь нэг дор бүх арга барилтай хослуулсан цорын ганц сонголт биш юм. баримт бичиг нь "толгой" -д байрлах ба та CSS файлыг ашиглан ямар ч хэв маягийг бүртгүүлэх боломжийг олгодог бөгөөд хаяг нь <загварын> байдаг. заавал ямар нэг аргаар эсвэл өөр ашиглах байх. Тэд амжилттай сайн үр дүнг гаргах нэгтгэж болно. загварын хуудас бүхий файлыг үүсгэхийн тулд файл өргөтгөл нь .css нь, Styles.css бий болгох гэх мэт хэрэгтэй байна.

  JavaScript

  Ихэнхдээ Вэб хуудас хөгжиж эхлэх шийдвэр гаргасан этгээд, түүний зорилго HTML санал болгож буй хөрөнгө нь хангалттай биш юм гэдгийг ойлгосон. Суурь сайхан хуудсыг үүсгэх болно, харин та нар юу гэнэт интерактив хийх хэрэгтэй бол? Энэ зорилгоор, HTML сайн харилцан өвөрмөц дүр програмчлалын хэл юм. Энэ алдартай Java хэл нь дүү гэж ойлгож байсан учраас, JavaScript гэж нэрлэдэг. Өнөөдөр эдгээр хэл мэдэгдэхүйц ялгаатай авсан бөгөөд тэдний хоорондох ялгаа нь зөвхөн ургадаг.

  JavaScript, HTML эрх мэдэл олгох болно энэ нь та бий болгох, засварлах хаягууд боломжийг олгодог. Мөн энэ сайхан арга хэрэгсэл тусламжтайгаар та HTML чадавхи боломж илүү сайт илүү интерактив болгохын тулд хуудсыг дахин ачих ямар серверээс мэдээлэл татаж авах, Cokie хамтран ажиллах болно. Энэ нь хэл, аюулгүй байдлыг хангах нь холбоотой байдаг дутагдалтай. JavaScript сервер талд хэрэглэж байгаа бол энэ нь түүний чадварыг хязгаарлах нөхцөл байдал, халдагчид ямар ч компьютер дээр хортой код ашиглаж болох юм гэж хийнэ.

  редакторууд

  эхлэн нь HTML үндсүүд вэб хуудас хийхэд хамгийн тохиромжтой, практик хөтөлбөрт мэдлэгийг гэж тооцох болно. Дээр дурдсанчлан, ийм Dreamweaver гэх мэт гэх мэт харааны редактор, энэ зорилгоор тохиромжтой биш юм. Тиймээс хэвийн дэвтэр хаягуудыг бичиж? Энэ тохируулга нь стандарт тэмдэглэлийн дэвтэр зохион байгуулалтын хувьд ямар ч тусгай хэрэгсэл байх албагүй тул эргэлзээтэй байдаг. Энэ зорилт нь сайн Notepad ++ даван туулах болно. Энэ бүтээгдэхүүнд нь том нэмэх нь нээлттэй эх бөгөөд үнэ төлбөргүй тарааж байгаа явдал юм. Хэрэв онд тохиромжтой синтакс онцлон, авто хаагддаг хаягууд нь байдаг. Notepad ++ мөн интерфэйс нь хэл нь өргөн хүрээний, хялбар олон тооны нэмэлт тусламжтайгаар өргөжүүлэх өөрийн чадварыг олгодог.

  Sublime Текст 3 - Notepad ++ төстэй хөтөлбөр, харин төлбөрийн үндсэн дээр тархдаг. Энэ бол тэр хамгийн хөгжүүлэгчид нь зүрх сэтгэлийг хүртжээ. JavaScript, CSS болон HTML хувьд агуу Текст 3 тохиромжтой. Хэрэв ажиллах үндэс өөрсдөө сурах хэрэгтэй болно, гэхдээ энэ нь үнэ цэнэтэй юм. Энэ нь таны хэрэгцээг хангах хөтөлбөрийг өөрчилж хамгийн их нарийн тааруулах үнэхээр хязгааргүй боломжийг агуулдаг.

  HTML үндсүүд болон эхлэн CSS

  Таны харж байгаагаар, энэ нь анх харахад бололтой гэж вэб хуудсуудыг бий болгох урлагийн тийм ч хэцүү биш юм сурдаг. Хэдхэн сарын практик сургалт хөгжүүлэгчид нь аймхай шинэхэн хэрэглэгч таныг эргэж болно. ямар ч програмчлалын хэл, Linux сурах илүү хялбар сурах Vorstke. Үнэн хэрэгтээ, HTML тэмдэглэгээнүүд нь тэдний хэрэглэх практик асуудлуудыг ойлгоход маш их чухал биш юм.

  Энэ бизнест буруудах байх хэрэггүй Adobe Photoshop-д ажлын ур чадвар юм. Энэ програм нь таны гэрэл зураг, зураг, вэб хуудасны бусад график элементүүдийг хамтран ажиллах боломжийг олгодог. Одоогоор энэ нь "Photoshop" зэрэг асуудлыг даван туулах хамгийн сайн арга юм үед өрсөлдөгчид жаахан байсан юм. компанийн Adobe бүтээгдэхүүн хүмүүст өөрсдийн нийцэхгүй байх нь ирсэн нь, Lightroom, Gimp, зураач болон ижил төстэй үйл ажиллагаа нь бусад програмууд.

  Энэ нь HTML мэдлэгийг өгдөг

  вэб хуудас бий болгох ур чадвар Интернэт болзошгүй хэлбэлзэлтээс найдвартай болон хязгаарлалтын өөр тэлж байна гэж өнөөдөр маш их ач холбогдолтой юм. аж ахуйн нэгж бүр, ямар ч, тэр ч байтугай хамгийн жижиг дэлгүүр, семинар, спортын клуб - Бүх өөрийн вэб сайт байхыг хүсдэг. Мэдээж, энэ нь тэд CSS болон HTML эзэмшдэг хөгжүүлэгч байх хэрэгтэй. хялбар үндэс сурч, дараа нь энэ нь дадлага хүртэл юм байна. зохион байгуулалт технологи байнга хувьсан өөрчлөгдөж байдаг тул урдаа хөгжүүлэгчид эрэлт хэрэгцээ үргэлж байдаг. Энэ сэтгэл хөдөлгөм салбарт өөрийгөө зориулахаар шийдсэн хэн ч, хэзээ ч ажил ч байх болно.