Омӯзиши HTML

Видео: PHP чист??? | Дарси 1 | - Омӯзиши забони барномасозӣ

Мундариҷа

Ба қадам
Қисми 1 аз 2: Омӯзиши асосҳои HTML
Қисми 2 аз 2: Омӯзиши HTML пешрафта
Маслиҳатҳо
Огоҳӣ
Талабот

HTML ихтисораи барои Забони гиперишораи матн, он рамз аст ё забон ки барои сохтани вебсайтҳо истифода мешавад. Ин метавонад душвор ба назар расад, агар шумо қаблан ҳеҷ гоҳ барномарезӣ накарда бошед, аммо барои санҷидани он танҳо як барномаи оддии коркарди калима ва браузери интернет лозим аст. Шумо метавонед баъзе HTMLҳоро аз форумҳо, профилҳои онлайн ё мақолаҳои wikiHow шинос кунед. HTML барои ҳар касе, ки Интернетро истифода мекунад, манбаи муфид аст ва омӯзиши HTML метавонад камтар аз оне ки шумо интизор будед, вақтро талаб мекунад.

Ба қадам

Қисми 1 аз 2: Омӯзиши асосҳои HTML

Ҳуҷҷати HTML-ро кушоед. Аксари барномаҳои коркарди калима, аз ҷумла Notepad ё Word барои Windows ва Text Editor барои Mac, метавонанд барои сохтани ҳуҷҷатҳои HTML истифода шаванд. Ҳуҷҷати навро кушоед ва аз менюи боло File → Save As ро интихоб кунед, то ҳуҷҷати худро ҳамчун веб-саҳифа сабт кунед ё васеъкунии файлро аз ".doc", ".rtf" ё чизи дигар ба ".html" ё ".htm иваз кунед. ".
- Акнун шумо метавонед огоҳиро бинед, ки дар он ҳуҷҷати шумо аз формати матни бой (RTF) ба формати "матни оддӣ" иваз карда мешавад ва баъзе вариантҳо ва тасвирҳои форматкунӣ дуруст сабт карда намешаванд. Шумо метавонед ин огоҳиро сарфи назар кунед; HTML ҳуҷҷатҳо ин имконотро истифода намебаранд.
- Файлҳои .html ва .htm якхелаанд. Ин ҳам кор мекунад.
Ҳуҷҷати худро бо браузер тамошо кунед. Ҳуҷҷати холии худро захира кунед, пӯшед ва пас ҳуҷҷатро дар маҳалли ҷойгиршавӣ дубора клик кунед ва дубора кушоед. Ҳуҷҷати шуморо акнун бояд браузери шумо ҳамчун як сафҳаи холи кушояд. Агар ин кор накунад, нишони файлро ба сатри суроғаҳои браузери худ кашед. Баъдтар, агар шумо ҳуҷҷати HTML-и худро пас аз қадамҳои ин мақола таҳрир кунед, шумо ба браузер бармегардед, то тағирот дар коди чӣ гуна аст.
- Эзоҳ: вебсайти шумо ҳанӯз онлайн нест. Ин саҳифа барои дигарон дастрас нест ва барои санҷиши он ба шумо пайвасти кории интернет лозим нест. Шумо танҳо браузери худро барои "хондан" -и ҳуҷҷати HTML, тавре ки гӯё вебсайт бошад, истифода мебаред.
Фаҳмед, ки "тегҳо" чистанд. Тегҳо дар вебсайти ниҳоӣ намоён нестанд, ба монанди матни оддӣ. Тэгҳо ба браузери шумо чӣ гуна намоиш додани саҳифа ва мундариҷаро дар саҳифа нишон медиҳанд. Теги оғоз дастурҳоро дар бар мегирад. Масалан, он метавонад ба браузер гӯяд, ки матнро бо ҳуруф нишон диҳад. Теги хотима барои ба браузер расонидани дастурҳо дар куҷо татбиқ шудани дастурҳо лозим аст: дар ин мисол, ҳамаи матнҳо дар байни теги оғоз ва хотима ғафс мебошанд. Тэгҳои хотима низ дар дохили қавс ҷойгир карда мешаванд, аммо слэш пас аз қавсҳои аввал оварда мешавад.
- Тегҳои оғозро дар қавс нависед: ин рӯзи оғоз аст>
- Барчаспҳои охирро дар қавс нависед, аммо пас аз қавсҳои аввал нишеб гузоред: /ин теги пӯшида аст>)
- Баъдтар дар мақола хонед, ки чӣ гуна барчаспҳои функсионалӣ нависед. Дар ин марҳила, шумо бояд танҳо дар хотир дошта бошед, ки кадом усули навиштани тегҳо:> ва />.
- Дар курсҳои дигари HTML инчунин барчаспҳоро "унсурҳо" меноманд ва матни байни барчаспҳои кушодан ва пӯшиданро ҳамчун "мундариҷаи унсур" низ меноманд.
Аввалин html> теги худро нависед. Ҳар як ҳуҷҷати HTML бо a сар мешавад HTML>барчасп ва бо а / html>барчасп Ин ба браузер мегӯяд, ки ҳама чиз дар байни ин барчаспҳо бо HTML навишта шудааст. Ин барчаспҳоро ба ҳуҷҷати худ илова кунед:
- Нависед HTML> дар болои ҳуҷҷати шумо.
- Якчанд маротиба ворид шавед ё баргардед, то ба шумо каме ҷой диҳед, пас нависед / html>
- Шуморо дар хотир доред ҳама чиз дар ин мақола байни ин ду барчаспҳо.
Сарлавҳаро> қисми ҳуҷҷати худ созед. Дар байни тегҳои html> ва / html> шумо a менависед сар>оғоз барчасп ва / сар>-тег барчасп Байни ин барчаспҳо боз каме фосила гузоред. Ҳар чизе, ки дар байни ин барчаспҳо навишта шудааст, дар худи веб саҳифа дида намешавад. Қадамҳои зеринро санҷед ва бубинед, ки оё дар куҷо маълумот пайдо мешавад:
- Байни сар> ва / сар> барчаспҳоро нависед: унвон> ва / унвон>
- Дар байни тегҳои унвон> ва / унвон> шумо менависед: Тарзи омӯхтани HTML (бо расмҳо) - wikiHow.
- Ҳуҷҷатро захира кунед ва онро дар браузер кушоед (ё ҳуҷҷатро захира кунед ва саҳифаро дар браузер навсозӣ кунед, агар саҳифа ҳанӯз кушода бошад). Оё шумо мебинед, ки шумо танҳо дар болои саҳифа, дар болои сатри адрес навиштаед?
Бадан> фасл созед. Ҳама чизи дигари ин ҳуҷҷати навкор дар қисми бадан ҷойгир карда шудааст ва он дар веб саҳифа нишон дода шудааст. Баъд аз барчасп / сар>, аммо дар пеши теги / html> шумо менависед бадан> ва / бадан>. Ҳар он чизе, ки мо минбаъд дар ин мақола муҳокима мекунем, байни теги бадан ҷойгир мекунем. Ҳоло шумо бояд ҳуҷҷате дошта бошед, ки ба ин монанд бошад (бе тир):
- HTML>
- сар>
- унвон> HTML омӯхтан - wikiHow / title>
- / сар>
- бадан>
- / бадан>
- / html>
Илова кардани матн бо сабкҳои гуногун. Ҳоло вақти он расидааст, ки шумо ба навиштани чизе шурӯъ кунед, ки воқеан дар браузер намоён хоҳад шуд! Ҳама чизҳое, ки шумо дар теги бадан менависед, пас аз сабт кардани тағиротҳо ва тоза кардани сафҳа дар браузер, дар браузер намоён хоҳанд шуд. Нависед не чизе бо аломатҳо ва >зеро браузери шумо инро ба ҷои матни оддӣ ҳамчун дастури HTML тафсир мекунад. Масалан нависед Салом Ҷаҳон! (Инглисӣ барои "Салом дунё!", Ин матни стандартии ҷаҳонӣ ҳамчун намунаи аввал дар ҳама гуна курсҳои барномасозӣ дар забони мушаххаси барномасозӣ) ё чизи дигаре аст ва барчаспҳои зеринро пеш ва пас аз матн гузоред ва бубинед, ки чӣ рӯй медиҳад:
- em> Hello world! / em> ба матни курсив монанд аст: Салом Ҷаҳон!
- тавоно> Салом ҷаҳон! / тавоно> ба матни ғафс монанд аст: Салом Ҷаҳон!
- s> Hello world! / s> ба матни рахна монанд аст: ~~Салом Ҷаҳон!~~
- sup> Салом ҷаҳон! / sup> ба суперкрипт монанд аст:
- зер> Салом ҷаҳон! / зер> ба зери сарлавҳа монанд аст: _{Салом Ҷаҳон!}
- Омезишҳоро санҷед: Чӣ гуна мебинад em> strong> Салом ҷаҳон! / strong> / em> баромадан?
Матни худро ба сархатҳо тақсим кунед. Агар шумо дар ҳуҷҷати худ сатрҳои гуногуни матнро ҷойгир кунед, мебинед, ки ҳама сатрҳо яке паси дигар ҷойгир карда мешаванд. Шумо бояд сатрҳои нав ва сатрҳои холиро худатон барномарезӣ кунед:
- p> Ин як бахши алоҳида аст. / p>
- Ин ҷумла дар сатри аввал ва ин ҷумла дар сатри дигар аст.
  Ин аввалин барчаспест, ки ба он дучор меоем, ки ба теги хотима ниёз надорад! Мо чунин тегро яке аз онҳо меномем теги холӣ.
- Барои равшан кардани номи бахшҳо сарлавҳаҳо созед:
  h1> сарлавҳа / h1>: бузургтарин сарлавҳаи имконпазир
  h2> сарлавҳа / h2> (сарлавҳаи 2 сатҳи)
  h3> сарлавҳа / h3> (сарлавҳаи 3 сатҳи)
  h4> сарлавҳа / h4> (сарлавҳаи 4 сатҳи)
  h5> сарлавҳа / h5> (хурдтарин сарлавҳаи имконпазир)
Тарзи тартиб додани рӯйхатҳоро омӯзед. Якчанд роҳҳои сохтани рӯйхатҳо дар веб саҳифа мавҷуданд. Барои фаҳмидани он ки ба шумо бештар чӣ чиз писанд аст, усулҳои зеринро санҷед. Аҳамият диҳед, ки як ҷуфт барчаспҳо дар атрофи тамоми рӯйхат ҷойгир карда мешаванд (ба монанди ul> ва / ul> барчаспҳо барои рӯйхатҳои номураттаб) ва дар атрофи ҳар як ҷузъи рӯйхат ҷуфтҳои барчаспҳои гуногун ҷойгир карда мешаванд, ба монанди li> ва / li> .
- Барои сохтани рӯйхати нишонгузорӣ рамзи зеринро истифода баред:
  ul> li> як ашё / li> li> ашёи дигар / li> li> ашёи дигар / li> / ul>
- Ё ин рамз барои сохтани рӯйхати рақамгузорӣ:
  ol> li> банди 1 / li> li> банди 2 / li> li> банди 3 / li> / ol>
- Ё ин рамз барои сохтани ба ном рӯйхати таъриф:
  dl> dt> Coffee / dt> dd> - нӯшокии гарм / dd> dt> шир / dt> dd> - нӯшокии хунук / dd> / dl>
Бо хатҳои нав, хатҳои уфуқӣ ва тасвирҳо сафҳаи худро ҷолибтар кунед. Ҳоло вақти он расидааст, ки ба сафҳаи худ чизҳои дигарро илова кунед. Барчаспҳои зеринро санҷед (тасвир бояд онлайн ҷойгир карда шавад, то шумо метавонед истиноди тасвирро истифода баред):
- Сатр гузоред: бр> ё соат>
- Гузоштани тасвирҳо: img src = "the_url_of_yage_image">
Истинодҳоро ба ҷойҳои дигари саҳифа гузоред. Шумо инчунин метавонед ин рамзро барои пайванд ба дигар саҳифаҳо ва вебсайтҳо истифода баред, аммо азбаски шумо то ҳол вебсайт надоред, мо ба "лангарҳо" диққат медиҳем, ки ҷойҳои мушаххаси он саҳифа мебошанд, ки шумо метавонед онҳоро пайванд кунед:
- Аввалан, лангар бо a> теги дар нуқтаи сафҳае, ки мехоҳед ба он пайвандед, эҷод кунед. Ба лангари худ номи возеҳе гузоред, ки дар хотираш осон аст:
  
  a name = "Tips"> Ин матнест, ки шумо лангари худро дар атрофи он ҷойгир мекунед. / a>
- Барои пайванд ба лангари худ ё ба вебсайти дигар барчаспи href> -ро истифода баред:
  
  a href = "url дар веб саҳифа ё номи лангар дар ин саҳифа"> Матн ё тасвири ҳамчун пайванд нишон додашударо дар инҷо нависед ./a>
- Барои пайванд ба лангар дар саҳифаи дигар, пас аз URL # аломат ва пас номи лангари худро илова кунед. Масалан http://www.wikihow.com/HTML-leren# Маслиҳатҳо шуморо мустақиман ба бахши "Маслиҳатҳо" -и ин сафҳа мебаранд.

Қисми 2 аз 2: Омӯзиши HTML пешрафта

Дар бораи атрибутҳо маълумот гиред. Хусусиятҳо дар дохили барч ҷойгир карда мешаванд ва барои ислоҳи иловагӣ ба "мундариҷаи элемент" байни теги оғоз ва хотима истифода мешаванд. Онҳо ҳеҷ гоҳ танҳо нестанд. Онҳо ба тариқи зерин навишта мешаванд: ном = "арзиш". ном номи атрибутро ифода мекунад (масалан, "ранг") ва арзиш ин ҳолати мушаххасро тавсиф мекунад (масалан, "сурх").
- Агар шумо дар қисми қаблии ин мақола бодиққат назар карда бошед, шумо аллакай бо сифатҳо дучор омадаед. Img> теги атрибутро истифода мебарад src, лангар атрибутро истифода мебарад ном ва пайвандҳо атрибутро истифода мебаранд href. Шумо метавонед бигӯед, ки ҳамаи онҳо андозаи андоза доранд ___='___’ пайравӣ кардан
Бо ҷадвалҳои HTML озмоиш кунед. Барои сохтани ҷадвал ё граф чанд барчасп лозим аст:
- Дар атрофи тамоми ҷадвал аз тегҳои ҷадвал оғоз кунед ("ҷадвал" бо забони англисӣ):ҷадвал> / ҷадвал>
- Барчаспҳоро дар атрофи мундариҷаи ҳар як сатр ҷойгир кунед: tr>
- Сарлавҳаҳои сутунро дар қатори аввал ҷойгир кунед: th>
- Чашмакҳоро дар қатори пай дар пай ҷойгир кунед: тд>
- Ин намунаи он аст, ки чӣ тавр ҳамаи ин якҷоя мешавад:
  
  ҷадвал> tr> -ум> Сутуни 1: Моҳ / юм> -ум> Сутуни 2: Маблағи сарфашуда / th> / tr> tr> td> январ / td> td> 100 € / td> / tr> / table>
Барчаспҳои дигари дар боби сарлавҳа истифодашавандаро омӯзед. Шумо аллакай сарлавҳаи барчасбро омӯхтед>, ки онро дар аввали ҳар як ҳуҷҷат ҷойгир мекунед. Илова ба унвон> барчасп, мумкин аст дар қисмати сарлавҳа тегҳои дигар низ бошанд:
- Барчаспҳои мета барои эҷод истифода мешаванд метамаълумот дар бораи веб саҳифа. Ин маълумотро системаҳои ҷустуҷӯӣ барои гурӯҳбандии сафҳаҳои интернетӣ истифода мебаранд. Барои намоён кардани саҳифаи худ ба системаҳои ҷустуҷӯ шумо метавонед як ё якчанд мета-тегҳо гузоред (барчаспҳои хотимавӣ ҳатмӣ нестанд), ҳар як барчасп бояд дақиқ як атрибут ном ва атрибути мундариҷаро дар бар гирад, масалан: meta name = "description" content = "here тавсиф ">; ё meta name = "keywords" content = "рӯйхати калимаҳои калидиро дар ин ҷо нависед, ки ҳамеша бо вергул ҷудо карда шаванд">
- link> барчаспҳо барои пайванд кардани файлҳои дигар ба саҳифа истифода мешаванд. Одатан барои пайвастани ҷадвалҳои услуби CSS бо сафҳаҳои HTML истифода мешавад, ин сафҳаҳо бо рамзи дигар сохта мешаванд ва барои муайян кардани услуби умумии саҳифа истифода мешаванд.
- скрипт> барчаспҳо барои пайваст кардани файлҳои javascript бо саҳифаи HTML истифода мешаванд. Javascript имкон медиҳад, ки саҳифа тағир дода шавад, агар корбар дар саҳифа коре кунад.
Аз саҳифаҳои мавҷуда бо HTML бозӣ кунед. Дидани рамзи сарчашмаи веб-саҳифаҳо роҳи васеъ кардани дониши HTML мебошад. Саҳифаро бо тугмаи рости муш пахш кунед ва "Дидани манбаъ", "Нишон додани манбаи саҳифа" ё монандро интихоб кунед. Бифаҳмед, ки кадом як теги махсусеро, ки шумо намедонед, чӣ кор мекунад ё дар ҷавоб онлайн ҷустуҷӯ кунед.
- Шумо наметавонед вебсайтҳои дигаронро таҳрир кунед, аммо шумо метавонед коди HTML-ро ба ҳуҷҷати худ нусхабардорӣ кунед ва бо он бозӣ кунед, то тасҳеҳҳои гуногун чӣ кор мекунанд. Эзоҳ: азбаски бисёре аз вебсайтҳо ҷадвалҳои сабки CSS-ро истифода мебаранд, шумо наметавонед бисёр рангҳо ё сабкҳои дигарро бинед.
Бо хондани мақолаҳои амиқтар дар бораи HTML маълумот гиред. Дар интернет барои азхуд кардани барчаспҳои бештари HTML, ба монанди W3Schools ё Codecademy, захираҳои зиёде мавҷуданд. Инчунин бисёр китобҳои HTML мавҷуданд, аммо боварӣ ҳосил кунед, ки шумо нашри охиринро истифода мебаред, зеро стандарти HTML вақт ба вақт тағир меёбад. Пас аз он ки шумо HTML-ро ба дараҷаи хуб азхуд кардед, шумо метавонед ба CSS муроҷиат кунед, то бештар аз болои тарҳ ва услуби веб саҳифаатон назорат баред. Пас аз он, қадами оянда одатан javascript аст.

Маслиҳатҳо

Дар Интернет пайдо кардани як веб саҳифаи оддӣ ва сипас бо рамз саргардон шудан муфид аст. Кӯшиш кунед, ки баъзе матнҳоро интиқол диҳед, ҳуруфро иваз кунед, тасвирҳоро тағир диҳед, ҳар чӣ хоҳед
Барои навиштани рамз шумо метавонед як дафтарро истифода баред, то чизе дошта бошед, ки баргардонед, агар онро лаҳзае ба ёд наоред. Шумо инчунин метавонед ин саҳифаро чоп кунед ва барои истинод нигоҳ доред.
Имрӯзҳо дар вебсайтҳо XML ва RSS торафт бештар истифода мешаванд. Рамз метавонад барои чашми инсон дастнорас намояд, хусусан вақте ки дар коди сарчашма дида мешавад, аммо кор метавонад муфид бошад.
Барчаспҳои дар HTML истифодашуда ба ҳарфҳои хурд ҳассос нестанд, аммо бо нобаёнӣ истифодаи ҳарфҳои хурд аст (тавре ки мо дар ин мақола мекунем). Ҳарфҳои хурд барои барчаспҳо, инчунин барои мувофиқат бо XHTML тавсия дода мешавад.

Огоҳӣ

Баъзе барчаспҳо акнун истифода намешаванд ва ба ҷои онҳо барчаспҳои дигаре иваз карда шуданд, ки чунин мекунанд, аммо аксар вақт имконоти бештар пешниҳод мекунанд.
Агар шумо хоҳед, ки саҳифаи шумо ба стандарти HTML мувофиқат кунад, ба вебсайти W3 равед, то коди худро бо стандарти ҷорӣ санҷед. Бисёре аз тегҳо кӯҳна шуданд ва ба ҷои онҳо тегҳо гузошта шуданд, ки дар браузерҳои муосир беҳтар кор мекунанд.

Талабот

Барномаи коркарди калима, ба монанди Notepad (Windows) ё Editor Editor (Mac).
як варақ коғаз ё дафтар (ихтиёрӣ)
Барномае, ки махсус барои навиштани HTML тарҳрезӣ шудааст, ба монанди Notepad ++ барои Windows ё TextWrangler барои Mac (ихтиёрӣ)