Skip to main content

మీ వెబ్ సైట్ కోసం HTML యొక్క బేసిక్స్ తెలుసుకోండి

Anonim

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

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

ప్రాధమిక HTML నేర్చుకోవటానికి, వారు కేవలం నిజానికి వారు నిలబడటానికి ఉన్న సంక్షిప్త పదాల శ్రేణిని గుర్తుంచుకోండి. ఉదాహరణకు, H1 అనేది ఐదు పరిమాణాలలో మొదటిది మరియు BR ఒక లైన్ విరామంగా ఉన్న ఒక పేరా కోసం శీర్షికను సూచిస్తుంది.

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

ఇక్కడ శీర్షిక

. ప్రారంభ ట్యాగ్ ఉంది, H1, శీర్షిక, మరియు ముగింపు ట్యాగ్, / H1.

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

ఇక్కడ మీరు ఫ్రేమ్లు, భాష మరియు ప్రత్యేక సూచనల వంటి ముఖ్యమైన డాక్యుమెంట్ సమాచారాన్ని ఉంచవచ్చు.

మీ పేజీ యొక్క శీర్షిక.

ఇక్కడ మీ కథ, చిత్రాలు, లింక్లు మరియు మిగిలిన అన్నింటినీ ఉంచండి.

మీ పేరా శీర్షిక.

మీరు మీ పత్రం యొక్క టెక్స్ట్ ను ఎంటర్ చేస్తారు.

ఇది ఒక లింక్ను రాయడం ఎలా:శీర్షిక లేదా మీరు ఏమి చెప్పాలనుకుంటున్నారో.

మీరు కూడా ఒక వాక్యం మధ్యలో ఒక లింక్ను నమోదు చేయవచ్చు. మీరు "మైక్రోసాఫ్ట్ కొన్ని అద్భుతమైన ప్రదర్శనలను కలిగి ఉంది" అని కోరుకుంటే. ఇది ఇలా కనిపిస్తుంది:

Microsoft మీరు ప్రాథమిక HTML నేర్చుకోవడంలో సహాయపడటానికి కొన్ని అద్భుతమైన ప్రదర్శనలు ఉన్నాయి.

మీరు ఇతర పేజీలకు లింకులను సృష్టించలేరు కాని మీరు ఒకే పేజీలో మరొక స్థానానికి లింకులు సృష్టించవచ్చు. నేను ఈ వ్యాసం ప్రారంభంలో తిరిగి వెళ్లాలని మీరు కోరుకుంటే నేను "వెనక్కి వెళ్లండి" మరియు హైపర్ లింక్పై క్లిక్ చేయడం ద్వారా మొదట తిరిగి వెళ్తాను. దీనికి రెండు భాగాలున్నాయి ఎందుకంటే ఇది చాలా కష్టం. మీరు మొదట మీ లింక్ని సృష్టించండి:

వెనక్కి వెళ్ళు

పదం "అక్కడ" నేను ఇప్పుడు మీరు తిరిగి తీసుకోవాలని కావలసిన పదం ఉంది నేను ఆ పదం వెళ్ళి సృష్టించడానికి మరియు వ్యాఖ్యాత కాబట్టి నేను సృష్టించిన లింక్ వెళ్ళి ఎక్కడ తెలుసు:

అక్కడ

మీరు ప్రాధమిక HTML ను నేర్చుకున్నప్పుడు, మీ వెబ్ సైట్ ను వచన ఎడిటర్లో వ్రాయవచ్చు, విండోస్, నోట్టాబ్ మరియు అరెనొఫైలిలియా వంటి కార్యక్రమాలు లేదా మీ వెబ్ బ్రౌజర్తో వచ్చే ఒక వెబ్ సైట్ ను వ్రాయవచ్చు. మీరు ప్రాథమిక నియమావళిని తెలుసుకున్నప్పటి నుండి నియమాలను అనుసరిస్తే ఎలాగైనా ఉత్తమంగా ఉంటుంది.

ప్రాథమిక HTML టాగ్లు

- రచయిత వ్యాఖ్యలు బ్రౌజర్ ద్వారా చూడబడలేదు.

- ఎల్లప్పుడూ ఈ ట్యాగ్ను ఉపయోగించి మీ పేజీని ప్రారంభించి, ముగించాలి.

పత్రం కోసం శీర్షిక.

- డాక్యుమెంట్ బాడీ.

- పత్రం యొక్క శీర్షిక.

- చిన్న శీర్షిక పరిమాణం.

చిన్న శీర్షిక పరిమాణం.

- మధ్యస్థ చిన్న శీర్షిక పరిమాణం.

- మధ్యస్థ-పెద్ద శీర్షిక పరిమాణం.

పెద్ద శీర్షిక పరిమాణం.

- అతిపెద్ద శీర్షిక పరిమాణం.

- హైపర్టెక్స్ట్ లింక్తో మొదలవుతుంది.

- రచయిత సమాచారం.

- లాంగ్ కోట్స్.

- ఫార్మాట్ చేయబడిన టెక్స్ట్.

- ఫారం బ్లాక్.

- టెక్స్ట్ ఎంటర్ ఒక బాక్స్ సృష్టిస్తుంది.

స్క్రోలింగ్ మెనుని సృష్టిస్తుంది.

- ఎంచుకోవడానికి అంశాలను సృష్టిస్తుంది.

- డైరెక్టరీ జాబితా.

- క్రమ జాబితా.ఆర్డర్ చేయబడిన జాబితా యొక్క ఉదాహరణ:

  1. ఎరుపు
  2. నీలం
  3. ఆకుపచ్చ

- క్రమం లేని జాబితా.క్రమం లేని జాబితా యొక్క ఉదాహరణ:
  • ఎరుపు
  • నీలం
  • ఆకుపచ్చ

- మెనూ జాబితా.

- పదకోశం జాబితా.

- సైటేషన్.

- కోడ్ ఫాంట్.

- నిర్దిష్ట పదం.

- ఉద్ఘాటన.ఎరుపు మీద ఉద్ఘాటన ఉదాహరణ: ఎరుపు, నీలం, ఆకుపచ్చ

- ఇటాలిక్.ఇటాలిక్ ఉదాహరణ: ఎరుపు, నీలం, ఆకుపచ్చ

- కీబోర్డు టెక్స్ట్.

- నమూనా టెక్స్ట్.

- బలమైన ఉద్ఘాటన.బలమైన ఉద్ఘాటన ఉదాహరణ:ఎరుపు, నీలం, ఆకుపచ్చ

- టైప్రైటర్ టెక్స్ట్.

- వేరియబుల్.

- బోల్డ్.

- ఇతర URL లకు స్థాన సూచన.

పత్రాలు కలిసి లింక్ చేయడానికి అనుమతిస్తుంది.

పత్రం వివరిస్తుంది.


- లైన్ బ్రేక్.

- క్షితిజ సమాంతర రేఖ.

- చిత్రం.

- పేరా.

- జాబితా అంశం.

- జాబితాలో ఒక పదాన్ని గుర్తిస్తుంది.

- జాబితాలో నిర్వచనం సూచిస్తుంది.