ఒక HTML పేజీ యొక్క ఒక ఉదాహరణ మరియు యొక్క మౌలిక సూత్రాలు

అనేక భాషలు కనుగొన్నారు, కానీ HTML యొక్క భాష అత్యంత ప్రత్యేక మరియు vosstrebovan ఒకటి. అది ప్రోగ్రామింగ్ ఇతర కీ కార్యక్రమాలు చాలా ఉంటుంది కాబట్టి. హైపర్టెక్స్ట్ మార్కప్ లాంగ్వేజ్ (HTML) - చాలా మార్కప్ భాష యొక్క డెవలపర్ ప్రస్తుతం విజ్ఞాన మనస్సుల్లో ఉన్నప్పుడు, అందుబాటులో ఉంది.

నిజానికి, HTML లో, అక్కడ కష్టం కాదు, మరియు కొన్ని నిమిషాల ప్రోగ్రామింగ్ మరియు ఇంటర్నెట్, ప్రజలు నుండి అన్ని అత్యంత సుదూర నోట్బుక్ లో HTML పేజీలు స్థాపనకు నెరవేరుస్తాడు. గమనించదగిన ఉదాహరణలు, సరళత, నిజానికి, అందరికీ అందుబాటులో.

సాధారణ వివరణ

HTML ఫైల్ - ఒక పేజీ సైట్, ఈ చర్చనీయమైంది, కానీ ఒక స్పష్టం మొదలు ఏమి పేజీలో ఒకొక్క ఫైలు.

HTML ఫైల్ నిర్దేశించే ఒక DOCTYPE శీర్షిక ప్రారంభమవుతుంది ఫైలు రకం అది - HTML. అన్ని పేజీ మూలకాలు (టాగ్లు) బ్రాకెట్లు లోపల సూచించబడ్డాయి. ప్రతి జంట ( "<" మరియు ">") ఒక ట్యాగ్ HTML కలిగి ఉంది. సాధారణంగా HTML టాగ్ ప్రతి «ట్యాగ్» ఆ బాక్స్ సంఖ్య, జత కలిగి «/ tag» ఉంటాయి. రెండు బ్రాకెట్లు చుట్టబడి ఉంటాయి. పరివర్తన తదుపరి లైన్ - ఒకే ట్యాగ్, వీటిలో «br /» అత్యంత ప్రజాదరణ ఉంది.

తల మరియు శరీర: కేవలం రెండు ట్యాగ్తో ఇది HTML వచ్చేలా, - ఫైలు అతిపెద్ద ట్యాగ్. మొదటి సందర్భంలో, వివిధ వివరణ ఇతర యుక్తమైన పేజీ ఫైళ్లకు లింకులు ప్రస్తుత PHP మరియు JavaScript స్క్రిప్ట్స్ ఉండవచ్చు తెలియచేస్తాయి. రెండవ పేజీ వ్రాసిన కంటెంట్ లో. అలాగే టాగ్లు మరియు స్క్రిప్ట్స్ రూపంలో.

సాధారణ HTML పేజీ

క్రింద వ్యాసం లో ఇటువంటి పేజీ సృష్టించే ఉదాహరణ సూచించబడుతుంది. జాగ్రత్తగా పరిగణలోకి.

HEAD విభాగంలో

ప్రధాన ప్రయోజనం HEAD ట్యాగ్ - పేజీ మరియు సాధారణ స్క్రిప్ట్స్ యొక్క ఒక సాధారణ వివరణ, అయితే చివరిది - కేవలం ఒక సాపేక్ష భావన. సాధారణంగా ఇద్దరు విషయాలు గణనీయమైన ప్రాముఖ్యత ఇక్కడితో జోడించబడి:

• కీలక పదాలు మరియు పేజీ వివరణ;
• ఇతర ఫైళ్లకు లింకులు (* .css మరియు * JS,).

కొన్ని ఇతర ఫైళ్లు ట్యాగ్లు మరియు ఇతర స్క్రిప్ట్స్ భాషలకు CSS నియమాలు కలిగి ఉన్న ఇది సూచిస్తుంది ఎందుకంటే ఈ విభాగం యొక్క పేజీ కంటెంట్ కంటెంట్ను ప్రదర్శించడానికి మాత్రమే పరోక్ష ప్రాముఖ్యత ఉంది.

HTML పేజీ ఒక సందర్శకుడు ఇక్కడ పేజీ తెరవగానే టాబ్ మీద మీ మౌస్ తెస్తుంది ఉన్నప్పుడు ప్రదర్శించబడుతుంది ఇది ఒక శీర్షికను ఇవ్వండి (TITLE) ఉన్నారు. చదవగలిగే టెక్స్ట్ సంతకం పేజీ చెప్పడానికి చాలా ఎక్కువ మర్యాదస్థురాలు, సులభంగా ఉంటుంది ఎందుకంటే ఈ ముఖ్యం.

మెటా టాగ్లు సాధారణంగా వెబ్ ప్రోగ్రామింగ్ ముఖ్యమైనవి, కానీ అది ఒక నోట్బుక్, అవాంఛనీయ అయోమయ పునరావృత నిర్మాణాల యొక్క ఒక ఉదాహరణ లో HTML పేజీలు సృష్టి అవసరమవుతుంది.

LINK మరియు స్క్రిప్ట్ను లింకులు న ప్రత్యేక శ్రద్ద ఉండాలి. జావాస్క్రిప్ట్ కోడ్ ఫైల్ నగర - మొదటి ఒక CSS శైలి ఫైలు, రెండవ ఉన్న ఒక ప్రదేశాన్ని సూచిస్తుంది. అలాంటి లింకులు అమర్చవచ్చు.

మీరు స్క్రిప్ట్స్ ఒక HTML పరిజ్ఞానం పరిగణించి ఉపయోగిస్తే బలమైన అవుతుంది, మీరు క్యాస్కేడింగ్ స్టైల్ షీట్లు వెంటనే శ్రద్ద ఉండాలి. CSS ఫైళ్లు HTML టాగ్లు నమోదు నియమాలు, ముఖ్యంగా, ఉన్నాయి.

విభాగం BODY

నిజానికి, ఒక నమూనా పేజీ HTML - ఈ BODY విభాగం. ఇది అన్ని సమాచారం, కంటెంట్ పేజీ యొక్క అన్ని కలిగి ఇక్కడ ఉంది. అన్ని సమాచారాన్ని వంటి జావాస్క్రిప్ట్ కోడ్ లేదా PHP కార్యక్రమం ముక్కలు ఇన్సర్ట్ టాగ్లు మరియు స్క్రిప్ట్స్, రూపంలో ప్రదర్శించబడుతుంది.

ఇది వంటి ప్యాడ్ ఒక టెక్స్ట్ ఎడిటర్ లో బ్రౌజర్ మరియు అదే ఉదాహరణలో HTML వెబ్ పేజీల ఉదాహరణకు, ఈ ఇదే కాదు అని తెలుసుకోవటం చాలా ముఖ్యం. మొదటి సందర్భంలో మేము అన్ని స్క్రిప్ట్స్ అమలు దీనిలో సిద్ధంగా HTML టెక్స్ట్ ఉన్నాయి. ఉదాహరణకు, PHP దాని భాగం నెరవేర్చి బదులుగా కుడి ప్రదేశాల్లో టాగ్లు కోడ్ ఏర్పడ్డాయి. జావాస్క్రిప్ట్ కూడా గురించి అది ఇంకా ఒక ప్రత్యేక సంభాషణ ఉండాలి అయితే, దాని మిషన్ నెరవేర్చిన.

HTML - ఇది బదులుగా స్క్రిప్ట్స్ టాగ్ల. చివరకు, కేవలం బ్రౌజర్ లో ప్రదర్శించబడుతుంది పేజీ యొక్క కంటెంట్, కానీ దాని ట్యాగ్. సంఖ్య PHP కోడ్ లేదు.

అధ్యయనాలు అది మాత్రమే బూట్ సమయం (ఓవర్లోడ్), పేజీ సర్వ్, కానీ క్షణాల్లో పేజీ సందర్శకుల బ్రౌజర్ లో ఉన్నప్పుడు, మరియు - JavaScript ఒక ప్రత్యేక స్థానాన్ని, అతని సంరక్షణలో ఉంది.

ఒక సాధారణ ఉదాహరణకు కోడ్ HTML పేజీ యొక్క (మాత్రమే BODY విభాగం) క్రింద చూపించాం.

క్రింద చూపిన విధంగా ఒక సందర్శకుల బ్రౌజర్ కనిపిస్తోంది.

బ్రౌజర్ తీసుకువచ్చిన అంశాలు వంటి కోడ్ పేర్కొనబడలేదు కనిపించాలి. అన్ని రూపకల్పన CSS నియమాలు కనిపిస్తుంది. ఈ సందర్భంలో, Mcss సూచించబడింది అని (చూడండి. ఒక పేజీ HTML యొక్క మొట్టమొదటి ఉదాహరణకు) / scPhpWordRW.css ఫైలు.

HTML కాకుండా, CSS థీమ్ సరళంగా, బాగా అందుబాటులో నియమాలు ఉంది మరియు HTML పేజీలను సృష్టి యొక్క ఉదాహరణకు ప్యాడ్ కంటే ఇతర ఏదైనా అవసరం లేదు ఉన్నప్పుడు వారి సంఖ్య చాలా స్వల్పంగా ఉంటుంది. అంతా తక్షణ అభివృద్ధి కోసం చాలా అందుబాటులో ఉంది:

ఇది ట్యాగ్ scLogo_vDoc వివరించబడింది ఎంత సులభం చూపిస్తుంది, మరియు ఈ వివరణ ట్యాగ్ యొక్క ఒక సాధారణ రాష్ట్రంలో ఒక చిత్రాన్ని vDoc-logo.png ప్రదర్శించే, మరియు మౌస్ అది పై ఉన్నప్పుడు - ప్రదర్శించబడుతుంది vDoc-logo-h.png.

HTML వివరణలు నిర్మాణం

భాషా విధానం యొక్క నిర్మాణం మరియు వాక్యనిర్మాణం ఏ తనపై ప్రమేయం ఉండదు ఇక్కడ చాలా బంధువు. ఏ వేరియబుల్స్ ఉన్నాయి, కానీ అవకాశాలు పుష్కలంగా ఉన్నాయి. హైపర్టెక్స్ట్ యొక్క ప్రాథమిక ఆధారం ఒక పేరు కలిగి ఖచ్చితంగా అని ఒక మూలకం (టాగ్) లేదు అని ఉంది.

సరైన పేర్లు (tagName) మరియు బ్రాకెట్లు కూడి సందర్భంలో పేరు, ట్యాగ్ జత ( «<» + tagName + «>»), మేము ట్యాగ్ యొక్క ప్రారంభంలో, మరియు మాట్లాడుకుంటే «» రికార్డ్ చేసినా, దాని ముగింపు.

క్రింద టెక్స్ట్ లో ఉన్న లక్షణాలను వివరించే HTML పేజీలను ఉదాహరణ.

ట్యాగ్ గుణాలు కలిగి, అప్పుడు వారు ఖాళీ ద్వారా ట్యాగ్ పేరు తర్వాత ముగింపు కోణం బ్రాకెట్ ముందు ఉంచబడింది ">" ఉంటాయి. వారు ట్యాగ్ ప్రారంభంలో మాత్రమే నమోదయింది కలిగి ఉంటే, గుణాలు. ట్యాగ్ యొక్క కంటెంట్ ప్రారంభ ట్యాగ్ మరియు అది ముగింపులో మధ్య ఉండే ఉంది.

మొత్తం HTML కంటెంట్ వివరణలు

HTML మీరు బ్లాక్ మరియు ఇన్లైన్ మూలకాల వివరించడానికి అనుమతిస్తుంది. మొదటి బ్రౌజర్ విండోలో ఒక నిర్దిష్ట ప్రాంతంలో స్థానంలో చేయవచ్చు ఆక్రమిస్తాయి ఖచ్చితంగా, ఆ ప్రదర్శన HTML పేజీలు ఫీల్డ్ వద్ద కుడి స్థానంలో ఉంది, మరియు ఒక నిర్దిష్ట పరిమాణం కలిగి.

ఇన్లైన్ మూలకాల సాధారణంగా పుట ఫైలు లో పేర్కొనబడింది, మరియు తెరపై ప్రదర్శించబడుతుంది, అంటే, ఒక త్రెడ్ కనిపిస్తాయి. పేజీ లోడ్ సంభవించినప్పుడు మొత్తం ప్రవాహం ప్రదర్శన ప్రభావితం చేయవచ్చు. ప్లేస్మెంట్, ప్రత్యక్షత, మరియు బ్లాక్ ఎలిమెంట్లు ఇతర లక్షణాలను న జావాస్క్రిప్ట్ కోడ్ ద్వారా ఏ సమయంలో ప్రభావితం చేయవచ్చు.

సాధారణ అంశాలతో పాటు, HTML పట్టికలు మరియు రూపాలు వివరించడానికి అందిస్తుంది. ఈ అంశాలు డిమాండ్ చాలా ఉన్నాయి "రోజువారీ సైట్ భవనం."

పట్టిక వివరణ: టాగ్లు TABLE, TR, TD

TABLE ట్యాగ్ ఒక పట్టికను సృష్టించడం ఉపయోగించవచ్చు చేసినప్పుడు, TD ఘటాలు కోసం వరుసగా వరుసలు మరియు TR యొక్క సంఖ్యను పేర్కొనండి. సంస్థ యొక్క సాధారణ పట్టిక, ఈ ప్రకటన పరిమితం స్వభావం HTML మార్కప్ పట్టిక సంస్థ కారణంగా, విరుద్ధంగా డెవలపర్ అదే అన్ని వరుసలు స్తంభాలను సంఖ్య, అది మీ కోసం ఆ అనుసరించండి తప్పక ఒక దీర్ఘచతురస్రాకార పట్టిక కలిగి కోరుకుంటున్నారు ఎందుకంటే.

HTML యొక్క ప్రిన్సిపుల్డ్ స్థానం: పనులను, కానీ ఏమీ అర్థం చేసుకోవాలి. కొన్ని సందర్భాలలో అది పట్టిక ప్రతి వరుసలో నిలువు సంఖ్య అంత ముఖ్యమైనది కాదు, కానీ మీరు అడ్డంగా, నిలువుగా ఒక విలీనంతో కణాలు నిర్వహించడానికి అనుకుంటే, అది చాలా జాగ్రత్తగా అన్ని లెక్కించడానికి అవసరం.

ఒక సాధారణ పట్టిక యొక్క వర్ణన తో ఉదాహరణ HTML పేజీ ఇంతకంటే వ్యాసం చూపిన.

కాలమ్ శీర్షిక - ఇక్కడ మొదటి వరుసలో ట్యాగ్ TH బదులుగా TD ట్యాగ్ యొక్క ఉపయోగించారు మూడు స్తంభాలు మూడు వరుసల పరిమాణం చూపిస్తున్న పట్టిక ఉంది. ముఖ్యంగా వేరు ఈ రెండు ట్యాగ్లను కలిగి లేదు, కానీ అది పట్టిక మొదటి వరుసలో మధ్య విభజన మొదటి ఉపయోగించడానికి అవకాశం ఉంది, మరియు TH CSS లో, మీరు ఇతర TD నుండి వేరుచేస్తుంది మీ స్వంత శైలి, అటాచ్.

వివరణ రూపం: రూపం ట్యాగ్, ఇన్పుట్

ఫారం - ఈ HTML టాగ్లు అత్యంత డిమాండ్ భాగం. రూపాలు ఉపయోగించి సమాచారాన్ని ప్రసారం చేయవచ్చు. అసలైన, పేజీ - ఈ సమాచారాన్ని ప్రదర్శించవచ్చు, కానీ రూపంలో - ఇన్పుట్.

ఒక సాధారణ రూపం యొక్క వర్ణన తో ఉదాహరణ HTML పేజీ:

మరింత రకాల ఉపయోగాలు, కానీ ప్రధాన లక్షణాలు ఈ క్రింది విధంగా ఉన్నాయి. మీరు ఇన్పుట్ రంగంలో పేర్కొనవచ్చు, మీరు వాటిని వినియోగదారు ఇన్పుట్ విశ్లేషణ రూపకల్పన మరియు ఈవెంట్ నిర్వాహకులు పెట్టేందుకు అవసరం. మీరు ఒక రహస్య రంగంలో పేర్కొనండి మరియు పేజీ నేపథ్యం నుండి సమాచారాన్ని ప్రసారం చేయవచ్చు. మీరు ఆ డేటా బదిలీ ప్రక్రియ ప్రోత్సహిస్తుంది నొక్కడం, సమాచార ప్రసార బటన్ నిర్దిష్టంగా ఉంటుంది.

HTML ఉపయోగించి

హైపర్టెక్స్ట్ భాష తెలుసుకోవాలి - ఇంటర్నెట్ ప్రోగ్రామింగ్ రంగంలో ఏ పని స్పెషలైజేషన్ ఒక అనివార్య పరిస్థితి, కానీ మీరు PHP లేదా జావాస్క్రిప్ట్ లో ఒక ప్రోగ్రామ్ను రాయడం అనుకుంటే, అప్పుడు HTML + CSS సంపూర్ణ చెయ్యాలి.

PHP భాష మునుపటి ఉదాహరణ గుర్తించబడిన. ఈ రూపంలో ఒక పేజీ సర్వర్ నుండి నిండి ఖాళీలను తో బ్రౌజర్ వెళ్లింది ఎందుకంటే PHP, సర్వర్ పై పనిచేస్తుంది. ముఖ్యంగా, TestOnBlur విధులు ట్యాగ్ ఇన్పుట్ (onblur ఈవెంట్ హ్యాండ్లర్) లో పేర్కొన్న, టెక్స్ట్ ఖాళీలను రూపంలో అన్ని పారామితులు పొందింది.

బ్రౌజర్ జావా స్క్రిప్ట్ ను సహకరించదు, మరియు సరిగా పని డేటా తిరిగి సర్వర్కు బటన్ పంపండి, అంటే, డిజైన్ :. onclick = j క్వెరీ ( '# చేయడానికి') Val ( 'కార్ట్'), అది తెలుసుకోవటం ఏమి మాత్రమే j క్వెరీ గురించి, కానీ ఏమి #to, val, కార్ట్. మరింత ఖచ్చితంగా, అది ప్రాథమిక HTML టాగ్లు మరియు వారికి CSS శైలులు దరఖాస్తు సాధారణ నియమాలు తెలుసు అవసరం.

ఈ త్వరగా ఇంటర్నెట్ ప్రోగ్రామింగ్ ప్రాంతంలో ఏ స్పెషలైజేషన్ అర్హత పెంచడానికి తగినంత ఉంది.