విషయము

• దశలు
• చిట్కాలు
• హెచ్చరికలు

టెక్స్ట్, లింకులు మరియు చిత్రాలతో సహా HTML తో వెబ్ పేజీని ఎలా వ్రాయాలో ఈ వ్యాసం మీకు చూపుతుంది.

దశలు

7 యొక్క 1 వ భాగం: పర్యావరణాన్ని సిద్ధం చేయడం

1. 

   , టైపు చేయండి నోట్‌ప్యాడ్ శోధన పట్టీలో మరియు ఎంచుకోండి నోట్‌ప్యాడ్.
2. మాక్: క్లిక్ చేయండి స్పాట్‌లైట్

   

   
   
   , టైపు చేయండి టెక్స్‌డిట్ క్లిక్ చేయండి టెక్స్ట్ ఎడిటర్.

3. 

   HTML ట్యాగ్‌ల గురించి తెలుసుకోండి. HTML భాషా అంశాలు ఓపెన్ (<>) మరియు క్లోజ్డ్ (().
   • ఉదాహరణకు, ఓపెన్ ట్యాగ్‌ను టైప్ చేయడం ద్వారా పేరాగ్రాఫ్‌ను సృష్టించండి

     , మీరు చూపించదలిచిన వచనం మరియు సంబంధిత క్లోజ్డ్ ట్యాగ్

     .

   • కీని ఉపయోగించి HTML ఫైల్ నుండి వేరే పంక్తిలో ప్రతి పంక్తి కోడ్‌ను వదిలివేయండి నమోదు చేయండి.

4. 

   
   
   HTML పత్రం యొక్క ప్రాథమిక నిర్మాణాన్ని పరిశీలించండి. ఇది ఎల్లప్పుడూ ఫైల్ రకాన్ని సూచించే మార్కప్‌తో మొదలవుతుంది (), HTML మూలకం () మరియు BODY (). అదనంగా, HTML మరియు BODY మూలకాల ముగింపు ట్యాగ్‌లు చివరిలో ఉంచాలి.
   • .
   • .
   • .
   • .
   • .

5. 

   
   
   అది విలువైనది CSS తో పనిచేయడం నేర్చుకోండి. CSS అనేది మార్కప్ భాష, ఇది HTML ని పూర్తి చేస్తుంది మరియు దృశ్య మరియు ఆకృతీకరణ అంశాలతో వ్యవహరిస్తుంది, ఉదాహరణకు: రంగులు, వచన అమరిక మొదలైనవి.

7 యొక్క 2 వ భాగం: వచనంతో ఒక పేజీని సృష్టించడం

1. 

   ఫైల్‌ను సిద్ధం చేయండి. ప్రాథమిక HTML నిర్మాణాన్ని జోడించండి:
   • .
   • .
   • .

2. 

   పేజీ శీర్షికను జోడించండి. ఇది ట్యాగ్ లోపల ఉంది మరియు బ్రౌజర్ టాబ్‌ను గుర్తించే వచనాన్ని నిర్వచించండి. కింది కోడ్‌ను నమోదు చేయండి, “మీ శీర్షిక” ని మీకు కావలసినదానితో భర్తీ చేయండి:
   • .
   • .
   • .

3. 

   శీర్షికను జోడించండి. టైపు చేయండి

   వచనం

   మరియు నొక్కండి నమోదు చేయండి. మీకు కావలసిన కంటెంట్ మధ్య ఉంచండి

   మరియు

   .
   • పేజీలో ఎక్కడైనా శీర్షికలను చేర్చవచ్చు మరియు మీరు “h” అక్షరం తర్వాత సంఖ్యను పెంచడం ద్వారా అనేక స్థాయిలను (ఆరు వరకు) ఉపయోగించవచ్చు, ఉదాహరణకు: వ్రాయండి
     రెండవ స్థాయి శీర్షికను జోడించడానికి.

4. 

   పేరా సృష్టించండి. వ్రాయడానికి

   వచనం

   , పేరా యొక్క కంటెంట్‌తో “టెక్స్ట్” ని భర్తీ చేసి, నొక్కండి నమోదు చేయండి.
   • గుర్తులు

     అవి స్వయంచాలకంగా ఒక పంక్తిని దాటవేస్తాయి.

5. 

   శీర్షికలు మరియు పేరాలు ఉంచే విధానాన్ని పునరావృతం చేయండి. మీకు కావలసినంత వరకు మీరు జోడించవచ్చు.

6. 

   ఒక పంక్తిని దాటవేయి. టైపు చేయండి
   వచనం
   మరియు ఒకటి నుండి నమోదు చేయండి. కాబట్టి మీరు పేరా ట్యాగ్‌లను ఉపయోగించకుండా కూడా పంక్తిని విచ్ఛిన్నం చేసి, టెక్స్ట్ యొక్క విభిన్న భాగాలను వేరు చేయండి.

7. 

   పేజీ కంటెంట్‌ను ఫార్మాట్ చేయండి. మీరు లోపల లేదా వెలుపల బహుళ గుర్తులను చేర్చవచ్చు

   (ఉదాహరణకి,

   ) ఆకృతీకరణను జోడించడానికి:

   • టెక్స్ట్ చెయ్యవలసిన ఇటాలిక్.
   • టెక్స్ట్ చెయ్యవలసిన బోల్డ్.
   • టెక్స్ట్ అండర్లైన్ చేయడానికి.
   • టెక్స్ట్ టెక్స్ట్ స్ట్రైక్‌త్రూను వదిలివేయడానికి.
   • టెక్స్ట్ ఫాంట్ పరిమాణాన్ని తగ్గించడానికి.
   • వ్యాఖ్యను జోడించడానికి, ఇది బ్రౌజర్‌లో కనిపించదు.

8. 

   HTML మరియు BODY ట్యాగ్‌లను మూసివేయండి. మీరు కంటెంట్‌ను జోడించడం పూర్తి చేశారా? వ్రాయడానికి , లో నమోదు చేయండి మరియు టైప్ చేయండి ఫైల్ను ఖరారు చేయడానికి. ఇప్పుడు మీరు మీకు కావలసిన అన్ని వచనాలను ఉంచారు, లింకులు, జాబితాలు మరియు చిత్రాలు వంటి క్రొత్త అంశాలను చొప్పించే సమయం వచ్చింది.

7 యొక్క 3 వ భాగం: లింక్‌లను సృష్టించడం

1. 

   మీరు లింక్‌ను ఎక్కడ జోడించాలనుకుంటున్నారో చూడండి. మీరు ఒక పేరా మధ్యలో ఒకటి ఉంచాలనుకుంటున్నారా? దాన్ని గుర్తించి, మీరు లింక్‌గా మార్చాలనుకుంటున్న పదం లేదా పదబంధాన్ని ఎంచుకోండి.

2. 

   వెబ్‌సైట్ చిరునామాను కాపీ చేయండి. మీరు సూచించదలిచిన పేజీకి వెళ్లి, బ్రౌజర్ విండో ఎగువన ఉన్న చిరునామా పట్టీపై క్లిక్ చేసి, నొక్కండి Ctrl+Ç (విండోస్) లేదా ఆదేశం+Ç (మాక్).

3. 

   ఓపెన్ లింక్ మార్కప్ ఉంచండి. టైపు చేయండి లింక్‌గా ఉపయోగించబడే పదబంధం లేదా పదానికి ముందు.

4. 

   పేజీ చిరునామాను అతికించండి. మధ్య క్లిక్ చేయండి href = ఇ > మరియు నొక్కండి Ctrl+వి (విండోస్) లేదా ఆదేశం+వి (మాక్). చిరునామా వెంటనే ఉండిపోవటం అవసరం href =.
   • ఉదాహరణకు, మీరు YouTube లింక్‌ను సృష్టించడానికి ప్రయత్నించినట్లయితే, ఇది ఇలా ఉండాలి: .

5. 

   ముగింపు ట్యాగ్‌ను జోడించండి. లింక్ టెక్స్ట్ తర్వాత, టైప్ చేయండి . ఉదాహరణకు, మీకు “ట్విట్టర్‌లో నన్ను అనుసరించండి” అనే వచనంతో ఒక లైన్ ఉంటే మరియు “ట్విట్టర్‌లో” లింక్ చేయాలనుకుంటే, కోడ్ ఇలా ఉండాలి:
   • ట్విట్టర్లో.

6. 

   ఐడెంటిఫైయర్ ఉంచండి. ఐడెంటిఫైయర్స్ (ఐడి) పేజీలోని పేరాగ్రాఫ్లను సూచించడానికి మిమ్మల్ని అనుమతిస్తాయి. ఇలా చేయండి:
   • భర్తీ చేయండి

     per

     .

   • ఆ పేరాకు లింక్‌గా మీరు ఉపయోగించాలనుకుంటున్న వచనం గురించి ఆలోచించండి.
   • వ్రాయడానికి పదం లేదా పదబంధానికి ముందు. “#” గుర్తు తర్వాత ఉన్న కంటెంట్ “id =” తర్వాత మీరు ఉంచిన దానితో సమానంగా ఉండటం ముఖ్యం.
   • టైపు చేయండి లింక్ తరువాత.

7 యొక్క 4 వ భాగం: జాబితాను రూపొందించడం

1. 

   మీరు జాబితాను సృష్టించాలనుకునే స్థలాన్ని ఎంచుకోండి. సమాచారం లేదా దశలను లెక్కించడానికి ఈ లక్షణం చాలా బాగుంది. జాబితాకు జోడించడానికి మీరు పేరా కనుగొన్నారా? దిగువ సూచనలను అనుసరించండి.

2. 

   లైన్ బ్రేక్ జోడించండి. వ్రాయడానికి
   మీరు జాబితాను ఉంచాలనుకునే స్థలానికి ముందు మరియు నమోదు చేయండి.

3. 

   మొదటి అంశాన్ని సృష్టించండి. టైపు చేయండి
4. టెక్స్ట్
, “టెక్స్ట్” ను మీకు కావలసినదానితో భర్తీ చేసి, నొక్కండి నమోదు చేయండి.

5. 

   మరిన్ని అంశాలను జోడించండి. మీరు ట్యాగ్‌లలో కంటెంట్‌ను ఉంచిన ప్రతిసారీ
ఒక అంశం సృష్టించబడుతుంది.

7. 

   ఉప-అంశాన్ని సృష్టించండి. వ్రాయడానికి
   టెక్స్ట్
   ఇది నుండి నమోదు చేయండి. ఇది ఎడమ మార్జిన్‌కు సంబంధించి పెద్ద అంతరాన్ని కలిగి ఉంది.
   • లోపల వచనం
     అదే మచ్చను స్వీకరించదు.

8. 

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

7 యొక్క 5 వ భాగం: చిత్రాలను కలుపుతోంది

1. 

   చిత్రాన్ని ఉంచడానికి స్థలాన్ని ఎంచుకోండి. సరైన కోడ్ ఉన్నచోట ఇది కనిపిస్తుంది.

2. 

   “చిత్రం” ట్యాగ్‌ను చొప్పించండి. టైపు చేయండి , కానీ బిగించవద్దు నమోదు చేయండి ఈసారి. ఈ ట్యాగ్ ఒంటరిగా పనిచేస్తుంది మరియు పేరా ట్యాగ్ లాగా మూసివేయవలసిన అవసరం లేదు.

3. 

   “Src” లక్షణాన్ని జోడించండి. వ్రాయడానికి src = తరువాత

4. 

   చిత్ర మార్గాన్ని ఉంచండి. మీరు జోడించదలిచిన చిత్రం యొక్క చిరునామాను (ఇంటర్నెట్‌లో లేదా స్థానిక హార్డ్ డ్రైవ్‌లో) కాపీ చేసి “src =” తర్వాత అతికించండి.

5. 

   “శైలి” లక్షణాన్ని ఉంచండి. టైపు చేయండి శైలి = మరియు వెడల్పు: px; ఎత్తు: px.

6. 

   చిత్రం యొక్క కొలతలు పేర్కొనండి. "వెడల్పు:" తర్వాత వెడల్పును పిక్సెల్‌లలో మరియు ఎత్తు "ఎత్తు:" తర్వాత ఉంచండి.

7. 

   ప్రత్యామ్నాయ వివరణను నిర్వచించండి. ఈ ఆస్తి చిత్రాన్ని లోడ్ చేయలేకపోతే ప్రదర్శించబడే వచనాన్ని ఏర్పాటు చేస్తుంది. వ్రాయడానికి alt = ఆపై వచనం.

8. 

   ట్యాగ్ మూసివేయండి. చిహ్నాన్ని ఉంచండి > చిత్రం యొక్క వివరణ తరువాత (“alt” లక్షణం).

9. 

   కోడ్‌ను సమీక్షించండి. ఇది ఇలా ఉండాలి:
   • .

7 యొక్క పార్ట్ 6: విండోస్‌లో ఫైల్‌ను సేవ్ చేస్తోంది

1. 

   క్లిక్ చేయండి ఫైల్, ఇది నోట్‌ప్యాడ్ విండో ఎగువ మరియు ఎడమ వైపున ఉంటుంది మరియు డ్రాప్-డౌన్ మెను కనిపించే వరకు వేచి ఉండండి.

2. 

   ఎంపిక ఇలా సేవ్ చేయండి…. ఇది "ఫైల్" మెనులో నాల్గవ ఎంపిక.

3. 

   ఫోల్డర్‌ను ఎంచుకోండి. ఎడమ వైపున ఉన్న ఎంపికలలో ఒకదాన్ని క్లిక్ చేయండి (ఉదాహరణకు, కార్యస్థలం) లేదా చిరునామా పట్టీని ఉపయోగించండి.

4. 

   
   
   మీ ఫైల్ పేరును నమోదు చేయండి. “పేరు” ఫీల్డ్‌లో, మీకు కావలసినదాన్ని టైప్ చేసి ఉంచండి .html వెనువెంటనే.
   • ఉదాహరణకు, ఫైల్‌ను “abcde” అని పిలిస్తే, వ్రాయండి abcde.html.

5. 

   
   
   డ్రాప్-డౌన్ మెనుని తీసుకురావడానికి “టైప్” ఫీల్డ్‌పై క్లిక్ చేయండి.

6. 

   ఎంచుకోండి అన్ని ఫైళ్ళు.

7. 

   
   
   బటన్ నొక్కండి కాపాడడానికి విండో దిగువన. అక్కడ, మీరు మీ HTML పేజీని సేవ్ చేసారు!
   • ఏదైనా బ్రౌజర్‌లో ఫైల్‌ను డబుల్ క్లిక్ చేయడం ద్వారా లేదా ఓపెన్ విండోకు లాగడం ద్వారా తెరవండి.

7 యొక్క 7 వ భాగం: ఫైల్‌ను Mac లో సేవ్ చేస్తోంది

1. 

   క్లిక్ చేయండి టెక్స్ట్ ఎడిటర్, ఇది డ్రాప్-డౌన్ మెనుని తెరవడానికి స్క్రీన్ యొక్క ఎడమ మరియు ఎగువ మూలలో ఉంటుంది.

2. 

   ఎంపికను ఎంచుకోండి ప్రాధాన్యతలు, ఇది ప్రాధాన్యతల విండోను తెరవడానికి మెనులో మొదటిది.

3. 

   టాబ్ పై క్లిక్ చేయండి తెరిచి సేవ్ చేయండి.

4. 

   ఎంపికను తీసివేయండి "పొడిగింపును జోడించు “ఫైల్‌ను సేవ్ చేసేటప్పుడు” సమూహంలో ఉన్న సాదా వచన ఫైల్‌ల కోసం ".txt".

5. 

   ఎగువ ఎడమ మూలలోని ఎరుపు వృత్తంపై క్లిక్ చేయడం ద్వారా ప్రాధాన్యతల విండోను మూసివేయండి.

6. 

   అంశాన్ని క్లిక్ చేయండి ఫార్మాట్ స్క్రీన్ ఎగువన మెనులో.

7. 

   ఎంపికను ఎంచుకోండి సాదా వచనాన్ని ఉపయోగించండి కనిపించే డ్రాప్-డౌన్ మెను నుండి.

8. 

   క్లిక్ చేయండి ఫైల్ ఎగువ మెనులో.

9. 

   నొక్కండి కాపాడడానికి తెరుచుకునే డ్రాప్-డౌన్ మెనులో.

10. 

    ఫైల్ పేరును నమోదు చేయండి. మీకు కావలసిన పేరును “ఇలా సేవ్ చేయి” ఫీల్డ్‌లో వ్రాయండి .html.
    • ఉదాహరణకు, ఫైల్‌కు “my_site” పేరు ఉండాలి, వ్రాయండి: my_site.html.

11. 

    బటన్ పై క్లిక్ చేయండి కాపాడడానికి. పత్రం డిఫాల్ట్ ఫోల్డర్‌లో సేవ్ చేయబడుతుంది (ఉదాహరణకు, కార్యస్థలం).
    • ఏదైనా బ్రౌజర్‌లో ఫైల్‌ను డబుల్ క్లిక్ చేయడం ద్వారా లేదా ఓపెన్ విండోకు లాగడం ద్వారా తెరవండి.

చిట్కాలు

• మీ పనిని సులభతరం చేయడానికి నోట్‌ప్యాడ్ ++ లేదా సబ్‌లైమ్ టెక్స్ట్ వంటి ప్రోగ్రామర్-నిర్దిష్ట టెక్స్ట్ ఎడిటర్‌ని ఉపయోగించండి.

హెచ్చరికలు

• సర్వర్‌కు అప్‌లోడ్ చేయడానికి ముందు కోడ్ మరియు సృష్టించిన పేజీని ఎల్లప్పుడూ తనిఖీ చేయండి.