Ẹya apẹẹrẹ ti ohun HTML iwe ati awọn ipilẹ agbekale ti

Se ọpọlọpọ awọn ede, ṣugbọn awọn ede ti HTML jẹ ọkan ninu awọn julọ pataki ati vosstrebovan. Niwon o je kan pupo ti miiran bọtini Atinuda ni siseto. Elo ti wa ni ṣe wa, nigbati ninu awọn ọkàn ti awọn Olùgbéejáde bayi imo ti díjítà ede - Hypertext díjítà Language (HTML).

Ni o daju, ni HTML, nibẹ ni ohunkohun soro, ati ni kan iṣẹju diẹ gbogbo awọn julọ ti o jina lati awọn siseto ati awọn Internet eniyan yoo mu awọn idasile ti HTML-ojúewé ni ajako. Noteworthy apeere, ayedero, nitootọ, wiwọle si gbogbo eniyan.

gbogbo apejuwe

HTML faili - a ọkan iwe sii, biotilejepe yi ni debatable, sugbon ohun ti o jẹ ọkan file fun iwe, fun a bẹrẹ o jẹ ko o.

HTML faili bẹrẹ pẹlu kan DOCTYPE akọsori ti o so wipe awọn iru ti awọn faili - HTML. Gbogbo iwe eroja (afi) ti wa ni fihan laarin igun biraketi. Kọọkan bata ( "<" ati ">") pẹlu kan tag HTML. Maa HTML afi ti wa ni so pọ, ti o ni, fun gbogbo «tag» ni «/ tag». Mejeji ti wa ni paade ni igun biraketi. Nibẹ ni kan nikan tag, ti awọn ti awọn julọ gbajumo «br /» - orilede si awọn tókàn ila.

Awọn tobi tag ni awọn faili - o ara mi HTML, ti o ba pẹlu nikan meji tag: ori ati ara. Ni akọkọ nla, o yatọ si sipesifikesonu ni o wa ti itọkasi ti ìjápọ si awọn bamu iwe awọn faili ni o le wa bayi PHP ati JavaScript iwe afọwọkọ. Ni awọn keji iwe kọ akoonu. Tun ni awọn fọọmu ti afi ati awọn iwe afọwọkọ.

Simple HTML-iwe

Apẹẹrẹ ti ṣiṣẹda iru iwe ti ni itọkasi ni awọn article ni isalẹ. Ro o fara.

ori apakan

Awọn ifilelẹ ti awọn idi ori tag - kan gbogbo apejuwe ti awọn iwe ati gbogbo awọn iwe afọwọkọ, biotilejepe awọn igbehin - o kan kan ojulumo Erongba. Maa nibẹ attaches akude pataki lati nikan meji ohun:

• koko ati apejuwe ti awọn iwe;
• ìjápọ si awọn faili (* .css ati * .js).

Lati han awọn akoonu ti awọn iwe akoonu ti yi apakan ni o ni nikan aiṣe-pataki nitori ti o tọkasi ibi ti diẹ ninu awọn miiran awọn faili ni CSS ofin fun afi ati awọn miiran awọn iwe afọwọkọ ede.

HTML-iwe ni o ni a akọle (akọle), eyi ti o ti han nigbati a alejo mu rẹ Asin lori awọn taabu ibi ti awọn iwe ti wa ni la. Eleyi jẹ pataki, nitori ti o mu ki awọn iwe Elo siwaju sii presentable, rọrun lati sọ, wole ṣeékà ọrọ.

Orisirisi-afi ni o wa pataki ni aaye ayelujara siseto ni apapọ, sugbon nigba ti o wa ni ti beere awọn ẹda ti HTML-ojúewé ni a ajako, ohun apẹẹrẹ ti undesirable clutter laiṣe ẹya.

Lori awọn RÁNṢẸ ati akosile ìjápọ yẹ ki o san pataki ifojusi. Ni igba akọkọ ti ntokasi si ibi kan ni ibi ti o wa ni a CSS stylesheet faili, awọn keji - awọn ipo ti awọn JavaScript-koodu faili. Iru ìjápọ le wa ni ṣeto.

Ti o ba lo awọn iwe afọwọkọ yẹ ki o le ṣe mu bi ohun HTML imo yoo di okun sii, ti o yẹ ki o san akiyesi lẹsẹkẹsẹ lori cascading ara sheets. Awọn CSS faili ni o wa, ni pato, awọn ofin ti ìforúkọsílẹ ti HTML afi.

apakan ara

Ni o daju, a ayẹwo iwe HTML - yi ni ara apakan. O ti wa ni nibi ti ni gbogbo awọn alaye, gbogbo awọn ti awọn akoonu iwe. Gbogbo alaye ti gbekalẹ ninu awọn fọọmu ti afi ati awọn iwe afọwọkọ, gẹgẹ bi awọn sii a JavaScript-koodu tabi ege ti awọn PHP-eto.

O ṣe pataki lati mọ wipe awọn apẹẹrẹ ti HTML oju-iwe ayelujara ni awọn kiri ayelujara ati awọn kanna apẹẹrẹ ni a ọrọ olootu bi bọtini akọsilẹ, yi ni ko ohun kanna. Ni akọkọ nla ti a ba wa setan HTML-ọrọ ninu eyi ti gbogbo awọn iwe afọwọkọ executed. Fun apẹẹrẹ, PHP ti ṣẹ awọn oniwe-apakan ati akoso dipo ti awọn koodu ni ọtun ibiti awọn afi. JavaScript tun ṣẹ awọn oniwe-ise, bi nipa o sibẹsibẹ lati wa ni a lọtọ ibaraẹnisọrọ.

HTML - o afi dipo ti awọn iwe afọwọkọ. Nigbeyin, nikan awọn akoonu ti awọn iwe han ni awọn kiri ayelujara, ṣugbọn awọn oniwe tag. Ko si PHP-koodu ti wa ni ko wa nibẹ.

JavaScript ti wa ni ni pataki kan si ipo, rẹ itoju - lati sin awọn iwe, ko nikan ni bata akoko (apọju), sugbon ni awọn asiko nigbati awọn iwe jẹ ninu awọn alejo ká kiri, ati awọn ẹrọ o.

A o rọrun apẹẹrẹ ti koodu HTML-iwe (nikan ni ara apakan) ti wa ni han ni isalẹ.

A alejo ká kiri o wulẹ bi han ni isalẹ.

a ko pato ninu awọn koodu yẹ ki o wo bi awọn eroja ti o mu awọn kiri. Gbogbo oniru han ni awọn CSS ofin. Ni idi eyi, Mcss / scPhpWordRW.css faili ti a ti rannileti (wo. Awọn gan akọkọ ti apẹẹrẹ ti a iwe HTML).

Ko HTML, CSS akori jẹ rọrun, nibẹ jẹ gidigidi wiwọle ofin ati iye wọn ni kekere, nigbati awọn apẹẹrẹ ti awọn ẹda ti HTML-ojúewé ko ni beere ohunkohun miiran ju bọtini akọsilẹ. Ohun gbogbo jẹ gidigidi wiwọle fun lẹsẹkẹsẹ idagbasoke:

Eyi fihan bi o rorun ti o ti wa ni ṣàpèjúwe tag scLogo_vDoc, ati yi apejuwe ni wipe ni a deede ipinle ti awọn tag han aworan kan vDoc-logo.png, ati nigbati awọn Asin jẹ lori o - han vDoc-logo-h.png.

Awọn be ti awọn HTML awọn apejuwe

Language ko mudani rù jade eyikeyi ninu awọn be ati sintasi ti awọn Erongba nibi jẹ gidigidi ojulumo. Nibẹ ni o wa ti ko si oniyipada, ṣugbọn nibẹ ni o wa opolopo ti awọn anfani. Awọn Pataki igba ti hypertext ni pe o wa jẹ ẹya ano (tag) ti o jẹ daju lati ni a orukọ.

Awọn orukọ ninu awọn nla, awọn tag bata, kq dara awọn orukọ (tagName) ati igun biraketi ( «<» + tagName + «>»), ti o ba ti a ti wa sọrọ nipa awọn ibere ti awọn tag, ati «», ti o ba ti gba silẹ awọn oniwe-opin.

Apẹẹrẹ ti HTML ojúewé apejuwe eroja be ninu awọn ọrọ ni isalẹ.

Awọn tag le ni eroja, ki o si ti won ti wa fi nipasẹ kan aaye lẹhin ti awọn tag orukọ ṣaaju ki awọn titi igun akọmọ ">". Eroja, ti wọn ba ni awọn tag ti wa ni gba silẹ nikan ni ibẹrẹ. Awọn akoonu ti awọn tag ni wipe eyi ti o wa da laarin awọn ibere tag ati opin ti o.

Total HTML akoonu awọn apejuwe

HTML faye gba o lati se apejuwe awọn Àkọsílẹ ati opopo eroja. First kun okan agbegbe kan ni awọn kiri window le ti wa ni ipo Egba, ti o jẹ ninu awọn ọtun ibi ni awọn aaye ti àpapọ HTML-ojúewé, ati ki o ni kan pato iwọn.

Opopo eroja gbogbo han ọkan tẹle, ti o jẹ, bi a ti so ninu iwe faili, ki o si han lori iboju. Awọn ifihan ti lapapọ sisan le ti wa ni nfa nigbati awọn iwe fifuye waye. On placement, hihan, ati awọn miiran-ini ti awọn Àkọsílẹ eroja le wa ni nfa ni eyikeyi akoko nipasẹ JavaScript-koodu.

Ni afikun si awọn ti o rọrun eroja, HTML nfun lati se apejuwe awọn tabili ati pupo. Awọn wọnyi ni awọn eroja ti o wa gidigidi Elo ni eletan ni "lojojumo ojula ile."

Apejuwe ti awọn tabili: afi tabili, TR, TD

Nigba ti tabili tag a le lo lati ṣẹda kan tabili, pato awọn nọmba kan ti ila ati TR ni ọna kan fun nọmba kan ti TD ẹyin. Ni idakeji si awọn ibùgbé tabili ti agbari, nitori awọn iseda HTML-díjítà tabular agbari ni opin si yi asọ, nitori ti o ba ti Olùgbéejáde fe lati ni a onigun tabili ninu eyi ti awọn nọmba ti awọn ọwọn ni gbogbo ori ila ti awọn kanna, ki o si o gbọdọ tẹle ti o fun ara rẹ.

The principled ipo ti HTML: ṣe ohunkohun ti o jẹ, sugbon ti ohunkohun ti o ti wa ni ko gbọye. Ni diẹ ninu awọn igba ti o ni ko bẹ pataki si awọn nọmba ti awọn ọwọn ni kọọkan kana ti tabili, ṣugbọn ti o ba ti o ba fẹ lati ṣe a ajanpọ ẹyin nâa tabi ni inaro, o jẹ pataki lati ka gbogbo gan-finni.

Apere HTML iwe pẹlu apejuwe kan ti a simple tabili graphically han ninu article.

Eyi ni a tabili fifi awọn iwọn ti mẹta ila nipa meta ọwọn, pẹlu awọn akọkọ kana tag TH ti a lo dipo ti td tag - awọn iwe akọsori. Paapa yato si awon meji afi ko ni, sugbon o jẹ ṣee ṣe lati lo akọkọ lati se iyato laarin akọkọ kana ti awọn tabili, ati ni CSS to TH, o le so ara rẹ ara, eyi ti o seyato o lati miiran TD.

Apejuwe fọọmu: kq tag, input

Fọọmù - yi ni julọ roo ara ti awọn HTML-afi. Lilo awọn fọọmu le atagba alaye. Kosi, awọn iwe - yi àpapọ alaye, ṣugbọn awọn fọọmu - input.

Apere HTML iwe pẹlu apejuwe kan ti kan ti o rọrun fọọmu:

Nlo ti awọn fọọmu Elo siwaju sii, ṣugbọn awọn ifilelẹ ti awọn ẹya ara ẹrọ ti o wa bi wọnyi. O le pato awọn input oko, o nilo lati fi wọn láti ṣe ọnà ki o si iṣẹlẹ handlers fun awọn onínọmbà ti olumulo input. O le pato kan farasin oko ati ki o atagba alaye lati awọn iwe lẹhin. O le designate alaye gbigbe bọtini, titẹ ti o bere awọn data gbigbe ilana.

lilo HTML

Lati mọ hypertext ede - ẹya indispensable majemu fun eyikeyi iṣẹ alagbara ni awọn aaye ti Internet siseto, ṣugbọn ti o ba ti o ba fẹ lati kọ kan eto ni PHP tabi JavaScript, ki o si mọ HTML + CSS nilo daradara.

PHP ede ti a ti damo ni awọn ti tẹlẹ apẹẹrẹ. PHP gbalaye lori olupin, nitori a iwe pẹlu fọọmu yi fò lati server si awọn kiri pẹlu awọn aaye ti kún. Ni pato, TestOnBlur iṣẹ ti a mẹnuba ninu awọn tag Input (onblur iṣẹlẹ imudani), gba gbogbo awọn sile ni awọn fọọmu ti ọrọ aaye.

Awọn kiri gbalaye JavaScript, ati lati daradara sise data fi bọtini pada si awọn olupin, ti o ni, oniru :. Onclick = Ìbòmọlẹ ( '# to') Val ( 'rira'), o jẹ pataki lati mọ ko nikan nipa ohun ti Ìbòmọlẹ, ṣugbọn ohun ti #to, Val, rira. Die gbọgán, o jẹ pataki lati mọ awọn ipilẹ HTML afi ati awọn ilana gbogbo to si wọn awọn CSS aza.

Eleyi jẹ to lati ni kiakia gbé awọn jùlọ ti eyikeyi alagbara ni agbegbe ti Internet siseto.