Чӣ тавр сохтани саҳифаи HTML

Видео: Чӣ тавр сохтани веб саҳифаи оддӣ? ҷавоби ин ҷо аст.

Мундариҷа

Қадамҳо
Усули 1 аз 1: Навиштани саҳифаи HTML
Маслиҳатҳо
Огоҳӣ
Ба шумо чӣ лозим

HTML (Hypertext Markup Language) забони асосии барномасозӣ барои таҳияи саҳифаҳои интернетӣ мебошад. Ҳамчун забони содда ва қулайи барномасозӣ сохта шудааст. Аксари саҳифаҳо дар Интернет бо истифода аз яке аз шаклҳои ин забон (ColdFusion, XML, XSLT) таҳия шудаанд. Пас аз хондани ин мақола, шумо метавонед омӯзиши худро бо истифода аз дигар захираҳои интернет идома диҳед. Кӯшиш кунед, ки дар интернет мақолаҳои дигари марбут ба ин мавзӯъро ҷустуҷӯ кунед.

Қадамҳо

Усули 1 аз 1: Навиштани саҳифаи HTML

1 Пеш аз оғози шиносоӣ бо яке аз қадамҳои дар ин ҷо овардашуда, ба қисмати "Ба шумо чӣ лозим аст" нигаред.
2 Пеш аз оғози фаҳмидани ин масъала шумо бояд чиро донед:
3 Асосҳо. Оё шумо ягон бор дар бораи тег шунидаед? Тег бо қавсҳои кунҷӣ иҳота шудааст ва калима дар дохили он аст. Теги ниҳоӣ дар ҳамон шакл навишта шудааст, аммо бо илова кардани слэш пас аз қавси кунҷи аввал. Хусусият калимаи ихтиёрӣ дар барчест, ки барои илова кардани тафсилот ба тег истифода мешавад.
4 Оғози ҳуҷҷат. Дар ҳар як муҳаррири матнӣ, ки шумо истифода мебаред, часбонед:
html> head> title> wikiHow / title> / head> body> Hello World / body> / html> big> / big>
Барчасб бояд бо ҳамон барчасп пӯшида шавад, аммо пас аз қавси кунҷи якум бо слэш. Истисноҳо ба монанди барчаспҳо мавҷуданд META ё DOCTYPE.
5 DOCTYPE
- Одатан, аксари саҳифаҳои веб танзим карда мешаванд DOCTYPE ». Ин барои муайян кардани рамзгузорӣ ва инчунин аз ҷониби браузерҳои веб чӣ гуна қабул шудани он кӯмак мекунад. Аксари саҳифаҳо бе он кор хоҳанд кард, "аммо ин агар лозим бошад, ки мувофиқат кардан лозим аст (Онҳо намудҳои рамзгузории интернетро танзим мекунанд ва чӣ гуна истифода мешаванд)... DOCTYPE барои HTML 4.01 дар зер оварда шудааст :! DOCTYPE html PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd"> Ин як аст аз маъмултарин DOCTYPE дар саҳифаҳои тамоми интернет истифода мешавад.Аввалан, он ба намуди саҳифае, ки 'html' -ро тавсиф мекунад, ишора мекунад, пас он навъи рамзгузорӣ ва дар ниҳоят ҷойгиршавии DOCTYPE -ро нишон медиҳад, ки дар натиҷа саҳифаро барои браузери веб тавсиф мекунад.
- Намудҳои гуногуни HTML мавҷуданд (версияҳои мухталиф дар тӯли солҳо таҳия шудаанд), масалан бо истифода аз барчаспҳои нав ё барчаспҳои мушаххас. Баъзе барчаспҳо бекор карда мешаванд (ба ҷои он барчаспҳои дигари муфидтар истифода мешаванд).
- б> ва ман> - ин аст он чизе ки ҳоло ба барчаспҳо гузошта шудааст, зеро онҳо барои табдил додани матн истифода мешаванд, аммо мушаххасот нест, дар натиҷа ба ҷои онҳо тегҳои дигар меоянд. Теги қавӣ> ивазкунандаи аст б>, ва эм>, иваз барои ман>.
- Муҳим аст, ки барчаспҳои қаблӣ бо тегҳое иваз карда шаванд, ки аз форматкунӣ зиёдтаранд. Агар матн тарҷума шуда бошад, пас на танҳо форматкунӣ, балки маънои он ҳам бетағйир боқӣ мемонад. Ин аз ҷиҳати семантикӣ дуруст аст.
- Дар версияи XHTML 2.0, b> ва ман> истифода намешавад, ҳамон тавре ки дар версияи HTML 3+.
6 HTML "Қоидаи инкапсулятсия".
- Биёед ба барчаспҳои муҳимтаре, ки ҳоло истифода мешаванд, назар андозем. Ҳангоми сохтани саҳифа сохтори оддӣ истифода мешавад. Агар тег кушода шуда бошад, пас дар натиҷа, он бояд баста шавад... Ин ба тамоми сохтор дахл дорад. Ин як мисоли дурусти сохтори тарҳбандии XHTML аст:
- ! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 қатъӣ // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- html xmlns = "http://www.w3.org/1999/xhtml">
- сар>
- мета http-equiv = "Type-Content" content = "text / html; charset = utf-8" />
- унвон> Салом Ҷаҳон! / унвони>
- / сари>
- ҷисм>
- h1> Салом Ҷаҳон! / h1>
- / бадан>
- / html>
- Рамзи намунавӣ, ки паём медиҳад Салом Ҷаҳон... Ин озмоиш номида мешавад Салом Ҷаҳон.
7 Сарлавҳа
- Унвони саҳифаи интернетӣ мундариҷаи байни тег мебошад сар>... Ин мундариҷаро корбар дида наметавонад (танҳо унвоне, ки дар сарлавҳаи саҳифа нишон дода шудааст). Маълумот дар байни барчаспҳо сар>, метавонад барчаспҳои дигарро замима кунад, ба монанди:
  - Теги META барои маълумоте истифода мешавад, ки барои муҳаррикҳои ҷустуҷӯ ва дигар хидматрасониҳо муфид аст.
  - Теги LINK, ки пайванди байни ҳуҷҷатҳоро эҷод мекунад, масалан барои услубҳо (CSS).
  - Теги SCRIPT, ба он қариб ҳама рамзгузории веб бо қобилияти дастрасии фосилавӣ (аз дигар ҳуҷҷат) дохил мешавад.
  - Теги STYLE, ки аслан услубест, ки онро ба саҳифа татбиқ кардан мумкин аст.
  - Теги TITLE унвонест, ки ҳамчун унвони саҳифа дар браузери вебатон пайдо мешавад.
- Биёед як намоиши баъзеи онҳоро дар сарлавҳаи намунае, ки аз ин вебсайт гирифта шудааст, бубинем (он кӯтоҳ карда шудааст):
  - сар>
  - унвон> ... / унвон>
  - номи мета = "тавсиф" мундариҷа = "..." />
  - истинод rel = "ведомости" type = "text / css" href = "..." />
  - мета http-equiv = "content-type" content = "text / html; charset = UTF-8" />
  - навъи услуб = "text / css" media = "all"> ... / style>
  - навъи скрипт = "text / javascript" src = "..."> / script>
  - / сари>
    
    Дар ҳолате, ки шумо пай набурдаед, барчаспҳои инфиродӣ равшан карда шуда, маълумоти воқеӣ нест карда шудааст. Мисол хеле кӯтоҳ аст ва қариб ҳар як барчаро, ки дар он пайдо кардан мумкин аст, нишон медиҳад сар>ба истиснои шарҳи HTML (Мо дар ин бора дар барчаспҳои оддӣ сӯҳбат хоҳем кард).
8 Барчаспҳои оддӣ дар ҳама ҷо
- Биёед ҳаракат кунем ва барчаспҳои дигарро бубинем. Ҳангоми тамғагузории худ эҳтиёт бошед ва қоидаи "Encapsulation" -ро дар хотир доред.
  - қавӣ> Матни муҳимро таъкид мекунад.
  - хурд> Матнро хурдтар мекунад. Андозаи шрифт бо воҳидҳои стандартӣ аз 1 то 7 чен карда мешавад, 3 андозаи пешфарзии матн аст. ...
  - pre> Блоки матни бойро муайян мекунад. Тавре ки дуруст аст, чунин матн бо ҳарфҳои якхела ва бо ҳама фосилаи байни калимаҳо чоп карда мешавад.
  - em> Матнро ҳамчун ибора нишон медиҳад.
  - del> Матнро мекушояд.
  - ins> Матни ба ҳуҷҷат воридшударо муайян мекунад.
  - h1> Яке аз барчаспҳои зиёди сарлавҳа. Барчасбҳои ин навъ бо 'h' бо фарқияти рақам оғоз мешаванд. Боварӣ ҳосил кунед, ки тегро бо ҳамон рақам пӯшед.
  - p> Параграфро муайян мекунад.
  - ! --- ... ---> Баръакси барчаспҳои дигар, шарҳ бояд дар дохили худи тег бошад. Ин маълумот танҳо ҳангоми дидани рамз намоён аст.
  - blockquote> Иқтибосро нишон медиҳад, ки онро бо истинод> cite истифода бурдан мумкин аст.
  - Чанд мисоли дар боло овардашуда рӯйхати пурраи барчаспҳои мавҷуда нестанд. Барои гирифтани маълумот дар бораи дигарон, боздид кунед.
9 Эҷоди як сохтори возеҳ
- Саҳифаҳо барои нигоҳ доштани маълумот дар маҷмӯи оддии тегҳо тарҳрезӣ шудаанд, то мо метавонем маълумотро ба параграфҳо ҷудо кунем. Компютер маълумотро эътироф мекунад; вай дар бораи контекст ё робитаи консептуалӣ намедонад. Мо бояд саҳифаҳои HTML-ро, ки барои компютер мувофиқанд, созем. Ин бо истифода аз теги div ба даст меояд. Он ба эҷоди шумораи зиёди саҳифаҳо кумак мекунад. Онро бо CSS сабк кардан мумкин аст ва нисбат ба сохтани ҷадвалҳои калони код барои тарҳ осонтар аст.
  - div> Ин барчасп махсус аст, зеро онро метавон тарҳрезӣ кард ва блокҳои алоҳидаи иттилоотро истифода бурд, ки ҳам корбар ва ҳам компютер фаҳманд.
- Биёед ба тарҳбандии оддии HTML, ки теги divро истифода мебарад, назар андозем.
  - ! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 қатъӣ // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  - html xmlns = "http://www.w3.org/1999/xhtml">
  - сар>
  - мета http-equiv = "Type-Content" content = "text / html; charset = utf-8" />
  - унвон> Салом Ҷаҳон! / унвони>
  - / сари>
  - ҷисм>
  - h1> Салом Ҷаҳон! / h1>
  - div id = "contentOne">
  - p> Ин баъзе матн дар div # contentOne аст. / p>
  - div>
  - p> Параграф дар зербахши div # contentOne / p>
  - / div>
  - / div>
  - / бадан>
  - / html>
- Истифодаи div> барчаспҳо ҳангоми кор бо CSS ва Javascript дар ёфтан ва тағир додани услубҳо кумак мекунад. HTML барои кор бо услубҳои CSS ва Javascript барои эҷод кардани таҷрибаи беҳтар ва ҷавобгӯтари корбар рамзгузории гуногунро истифода хоҳад бурд.

Маслиҳатҳо

Пас аз хондани ин мақола, бас накунед ва фикр накунед, ки ҳама чизеро, ки шумо бояд донед, омӯхтед. Ҳамеша чизе омӯхтан лозим аст, хусусан дар ин технология.
Рамзро омӯзед, фаҳмед ва нависед.
Дар хотир доред, ки баъзе барчаспҳо танҳо> -ро истифода мебаранд. Para ва br чанд намуна мебошанд. Барчаспҳои дигаре, ки бо> кушода шудаанд, бояд минбаъд пӯшида шаванд. Масалан, "div> / div>".
Одамон кашфиётҳои навро интизоранд, аз ин рӯ дубора ихтироъ кунед, тарроҳӣ кунед ё код кунед.
Пас аз он ки шумо бисёр чизҳоро омӯхтед, кӯшиш кунед, ки барномасозии серверро омӯзед.
Корро бо CSS ва инчунин Javascript омӯзед.

Огоҳӣ

Дар хотир доред, ки HTML танҳо таҳрири мундариҷа аст. Ин маънои онро дорад, ки HTML танҳо барои нигоҳ доштани мундариҷа дар формати эътирофшуда истифода мешавад. Тағироти дигар бояд бо истифода аз технологияҳои дигар, ба мисли CSS анҷом дода шаванд. Ин инчунин маънои онро дорад, ки "Аз ҷиҳати семантикӣ дурустҳатто агар дигарон инро эътироф накунанд. Дигар забонҳои барномасозӣ ба сохтани саҳифаҳои интернетӣ кумак мекунанд (CSS, Javascript ва XML). HTML як созандаи мундариҷа аст.

Ба шумо чӣ лозим

Муҳаррири матнӣ, ки рамзгузории ANSI -ро дастгирӣ мекунад
Браузери веб ба монанди Internet Explorer ё Mozilla Firefox
(Ихтиёрӣ) wysiwyg ё wykiwyg HTML ба монанди Adobe Dreamweaver, Aptana Studio ё Microsoft Expression Web