కేవలం కొన్ని గంటల్లో వెబ్‌సైట్‌ను ఎలా సృష్టించాలి

వెబ్‌సైట్‌ను సృష్టించడం కష్టం కాదు. ఈ వ్యాసంలో, మేము html పేజీ సృష్టి యొక్క ప్రాథమికాలను మరియు మినీ-ఇన్‌క్లూడ్ లిస్ట్‌ను ఎలా సృష్టించాలో పరిశీలిస్తాము. తరువాత, htmlని ఎలా ఉపయోగించాలో మేము చర్చిస్తాము>-వచనాన్ని హైలైట్ చేయడానికి ట్యాగ్ చేయండి. అంతిమంగా, కేవలం కొన్ని గంటల్లో వెబ్‌సైట్‌ను ఎలా సృష్టించాలో మేము మీకు చూపుతాము. మేము కొన్ని ఇతర ఉపయోగకరమైన పద్ధతులను కూడా కవర్ చేస్తాము.

html పేజీని సృష్టిస్తోంది

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

మీరు మీ వెబ్‌పేజీ కోసం కంటెంట్‌ను సృష్టించడానికి MS Word వంటి వర్డ్ ప్రాసెసర్‌ని కూడా ఉపయోగించవచ్చు. వచనాన్ని ఒకదానికొకటి కనెక్ట్ చేయడానికి మీరు హైపర్‌లింక్‌లను ఉపయోగించవచ్చు. మీరు ఫైల్‌ను html ఫైల్‌గా కూడా సేవ్ చేయవచ్చు, ఒక వెబ్ పేజీ. ఈ పద్ధతి బాగా పనిచేస్తుంది, కానీ మీరు ఈ విధంగా సృష్టించిన పేజీలు చాలా పెద్దవి మరియు బ్రౌజర్ విండోలో బాగా కనిపించవు. ఈ పద్ధతికి ఉన్న ఏకైక ప్రతికూలత ఏమిటంటే, మీరు అందుబాటులో ఉన్న సాధనాలను ఉపయోగించడం నేర్చుకోవాలి.

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

మినీ-కలిగి జాబితాను సృష్టిస్తోంది

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

మూలకాన్ని జోడించడం సులభం. ఒక సాధారణ HTML పత్రం దాని కంటెంట్‌ను నిర్వచించే ట్యాగ్‌లను కలిగి ఉంటుంది. ఈ ట్యాగ్‌లు సాధారణంగా జతలలో వస్తాయి. ప్రారంభ ట్యాగ్ దానిలోని మూలకాలను జాబితా చేయడానికి ఉపయోగించబడుతుంది, ముగింపు ట్యాగ్ మూలకాన్ని మూసివేస్తుంది. ప్రారంభ ట్యాగ్, లేదా తల, పత్రం గురించి వివరణాత్మక సమాచారాన్ని కలిగి ఉంటుంది. ఈ సమాచారం శీర్షికను కలిగి ఉండవచ్చు, శైలి షీట్ సమాచారం, స్క్రిప్ట్‌లు, లేదా మెటా సమాచారం. ముగింపు ట్యాగ్, మరోవైపు, మూలకాన్ని మూసివేస్తుంది.

htmlని ఉపయోగించడం>-ట్యాగ్

html>-HTML పత్రం యొక్క ప్రధాన కంటెంట్ ప్రాంతాన్ని నిర్వచించడానికి ట్యాగ్ ఉపయోగించబడుతుంది. ప్రధాన కంటెంట్ ప్రాంతం కేంద్ర అంశం లేదా పేజీ యొక్క కార్యాచరణకు సంబంధించిన వచనాన్ని కలిగి ఉంటుంది. ఇది తప్పనిసరిగా సైట్‌లోని ఇతర కంటెంట్ నుండి ప్రత్యేకంగా ఉండాలి. ఇతర కంటెంట్ సైడ్‌బార్‌ల రూపంలో పేజీలో కనిపించవచ్చు, నావిగేషన్ లింక్‌లు, కాపీరైట్ సమాచారం, సైట్ లోగోలు, మరియు శోధన రూపాలు. HTML పేజీ తప్పనిసరిగా htmlని అనుసరించాలి>-ట్యాగ్ HTML పేజీగా పరిగణించబడుతుంది.

href= లక్షణం లింక్ మూలకాన్ని తెరుస్తుంది. తర్వాత “=” సైన్, మీరు లింక్ యొక్క URLని అతికించాలి. మీరు ఒక శీర్షికలో అనేక పేరాగ్రాఫ్ లైన్లను కూడా ఉపయోగించవచ్చు. ముగింపు బ్రాకెట్ తప్పనిసరి. ఇది మీ లింక్‌లను తప్పుగా అర్థం చేసుకోకుండా నిరోధిస్తుంది. html పేజీని సులభంగా చదవడానికి, మీ వెబ్‌సైట్‌కి లింక్‌ను జోడించండి. html>-మరొక వెబ్ పేజీకి సూచించే లింక్‌లను జోడించడానికి ట్యాగ్ మిమ్మల్ని అనుమతిస్తుంది.

ఒక HTML ఫైల్‌లో a.html పొడిగింపు ఉంటుంది, అది మీ కంప్యూటర్‌కి అది HTML ఫైల్ అని తెలియజేస్తుంది. ఖాళీలకు బదులుగా హైఫన్‌ని ఉపయోగించడం ఉత్తమం, స్పేస్‌లు ఫైల్‌ను కనుగొనకుండా వెబ్ బ్రౌజర్‌ను నిరోధిస్తాయి. మీరు HTML పేజీని సృష్టించడం పూర్తి చేసిన తర్వాత, మీరు దానిని సేవ్ చేయాలి. తరువాత, HTML ఫైల్‌తో ఫోల్డర్‌కు నావిగేట్ చేయండి మరియు దానిపై కుడి క్లిక్ చేయండి. ఇది దిగువ స్క్రీన్‌షాట్ మాదిరిగానే కనిపించాలి.

htmlని ఉపయోగించడం>-వచనాన్ని హైలైట్ చేయడానికి ట్యాగ్ చేయండి

మీరు గుర్తును ఉపయోగించవచ్చు> HTML పత్రాలలో వచనాన్ని హైలైట్ చేయడానికి ట్యాగ్ చేయండి. ఇది సాపేక్షంగా కొత్త HTML 5 లక్షణం, మరియు ఇది పేరాలోని హైలైట్ చేసిన భాగాన్ని నిర్వచిస్తుంది. గుర్తు> అంతర్లీన HTML పత్రం యొక్క నేపథ్య-రంగు ఆస్తిని మార్చడం ద్వారా ట్యాగ్ పని చేస్తుంది. గుర్తు> ట్యాగ్ గ్లోబల్ మరియు ఈవెంట్ అట్రిబ్యూట్‌లకు మద్దతు ఇస్తుంది. ఇది పసుపు లేదా నలుపు రంగులో వచనాన్ని హైలైట్ చేస్తుంది. అంతర్లీన CSS ఫైల్‌లో టెక్స్ట్ రంగును మార్చడం కూడా సాధ్యమే.

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

నేపథ్య-రంగు శైలికి అదనంగా, మీరు 'హైలైట్మీ'ని ఉపయోగించవచ్చు’ మీ HTML డాక్యుమెంట్‌లోని వచనాన్ని హైలైట్ చేయడానికి తరగతి. నేపథ్య-రంగు శైలికి అన్ని బ్రౌజర్‌లు మద్దతు ఇస్తున్నాయి. మీరు 'పసుపు' అనే పదాన్ని కూడా ఉపయోగించవచ్చు’ రంగు కోడ్‌కు బదులుగా. మీరు ఒక పేరా లేదా టెక్స్ట్ విభాగాన్ని హైలైట్ చేయడానికి అదే కోడ్‌ని ఉపయోగించవచ్చు. మీరు వచనాన్ని హైలైట్ చేయడానికి CSS తరగతులను కూడా ఉపయోగించవచ్చు.

htmlని ఉపయోగించడం>-చిన్న జాబితాను రూపొందించడానికి ట్యాగ్ చేయండి

html>-ట్యాగ్ మినీ-ఇన్‌క్లూడ్‌ల జాబితాను రూపొందించడానికి ఉపయోగించబడుతుంది. ఇది సంబంధిత ముగింపు ట్యాగ్‌ని కలిగి ఉంటుంది మరియు మూలకం పేరు చిన్న అక్షరం. HTML పత్రాలు UTF-8 అక్షర ఎన్‌కోడింగ్‌ని ఉపయోగించి ఎన్‌కోడ్ చేయబడతాయి, ఇది యూనికోడ్ అక్షరాలను చేర్చడానికి మద్దతు ఇస్తుంది. html ఉపయోగిస్తున్నప్పుడు>-ట్యాగ్, లో UTF-8ని ఎంచుకోండి “సేవ్-లాగా” డైలాగ్ బాక్స్.

htmlని ఉపయోగించడం>-HTML పేజీకి మినీ-కలిపి జాబితాను జోడించడానికి ట్యాగ్ సులభం. క్రమం లేని జాబితాకు మద్దతిచ్చే ఏదైనా మూలకం కోసం మీరు ఈ ట్యాగ్‌ని ఉపయోగించవచ్చు. మీరు నావిగేషన్ మెను కోసం క్రమం లేని జాబితాను కూడా ఉపయోగించవచ్చు. dl మూలకం నిబంధనలు మరియు వివరణల జతల జాబితాను జతచేస్తుంది. ఆర్డర్ చేసిన జాబితాలోని అంశాలు ఎడమవైపున ఎక్సలేటింగ్ కౌంటర్‌తో ప్రదర్శించబడతాయి. జాబితా ఐటెమ్‌ను వెంటనే మరొక మూలకం అనుసరించినట్లయితే మీరు dl మూలకాన్ని కూడా వదిలివేయవచ్చు.

HTML డాక్యుమెంట్‌లో ఫుటర్ ఎలిమెంట్‌ను జోడించడం అనేది మినీ-ఇన్‌క్లూడ్స్ లిస్ట్‌ను ఇన్సర్ట్ చేయడానికి మరొక మార్గం. ఈ మూలకం సమీప విభాగ కంటెంట్ యొక్క ఫుటర్‌ను సూచిస్తుంది. ఇది సాధారణంగా రచయిత గురించిన సమాచారాన్ని కలిగి ఉంటుంది, కాపీరైట్ డేటా, లేదా సంబంధిత పత్రాలకు లింక్‌లు. htmlని ఉపయోగించడం>-HTML పేజీలో మినీ-కలిగి జాబితాను సృష్టించడానికి ట్యాగ్ చేయండి

htmlని ఉపయోగించడం>-వ్యక్తిగత టెక్స్ట్ బ్లాక్‌లను హైలైట్ చేయడానికి ట్యాగ్ చేయండి

HTML5 మార్క్‌తో వ్యక్తిగత టెక్స్ట్ బ్లాక్‌లను హైలైట్ చేస్తుంది> మూలకం. ఈ HTML5 ట్యాగ్ మూలంలోని కంటెంట్ రంగును పసుపు లేదా నలుపు రంగుకు మారుస్తుంది, ముఖ్యమైన వచనాన్ని వేరు చేయడానికి పాఠకులను అనుమతిస్తుంది. ఇతర టెక్స్ట్ కంటే ఎక్కువ శ్రద్ధ అవసరమయ్యే కంటెంట్ యొక్క విభాగాలను సూచించడానికి కూడా ఇది ఉపయోగించబడుతుంది. గుర్తు> మూలకం HTMLలో గ్లోబల్ అట్రిబ్యూట్‌లు మరియు ఈవెంట్ అట్రిబ్యూట్‌లకు మద్దతు ఇస్తుంది. సరిగ్గా ఉపయోగించినప్పుడు, ఈ HTML5 ట్యాగ్ వెబ్‌పేజీ యొక్క రీడబిలిటీని మెరుగుపరుస్తుంది.

HTML4 ప్రమాణం భౌతిక-శైలి అక్షర-స్థాయి ట్యాగ్‌లను నిలిపివేస్తుంది. వారు ప్రదర్శనతో వ్యవహరిస్తారు, మరియు ఈ ప్రయోజనాల కోసం CSSని ఉపయోగించడం ఉత్తమం. HTML5 వాటిని మళ్లీ పరిచయం చేసింది. వారు ఇకపై తిరస్కరించబడరు, కానీ అవి ఇప్పటికీ వ్యక్తిగత టెక్స్ట్ బ్లాక్‌లను హైలైట్ చేయడానికి ఏకైక మార్గం కాదు. HTML5తో టెక్స్ట్ యొక్క వ్యక్తిగత బ్లాక్‌లను హైలైట్ చేయడానికి CSSని ఉపయోగించండి! ఈ సరళమైన పద్ధతి కంటెంట్‌లోని వ్యక్తిగత టెక్స్ట్ బ్లాక్‌లను హైలైట్ చేస్తుంది.

ఫ్లోట్: మూలకాన్ని కలిగి ఉన్న మూలకం యొక్క ఎడమ లేదా కుడి అంచుకు ఫ్లోట్ చేయడానికి మీరు ఈ CSS లక్షణాన్ని ఉపయోగించవచ్చు. ఇది గ్రిడ్ లేదా నిలువు వరుసలను సృష్టించడానికి ఉపయోగించవచ్చు. మీరు బ్రౌజర్ యొక్క ఎడమ లేదా కుడి మార్జిన్‌లో iframe లేదా చిత్రాన్ని ఫ్లోట్ చేయడానికి ఫ్లోట్ అనే CSS ప్రాపర్టీని కూడా ఉపయోగించవచ్చు.. ఈ లక్షణాలు CSSతో వ్యక్తిగత బ్లాక్‌లను హైలైట్ చేయడాన్ని సులభతరం చేస్తాయి.