HTML ఎసెన్షియల్స్ చీట్ షీట్: ట్యాగ్‌లు, గుణాలు మరియు మరిన్ని

HTML తో వెబ్‌పేజీలను నిర్మించడం ప్రారంభమవుతుంది. వాటిని అందంగా తీర్చిదిద్దడం మరియు ఇంటరాక్టివ్‌గా చేయడం తరువాత వస్తుంది. కానీ ఫంక్షనల్ స్టాటిక్ వెబ్‌సైట్‌లను సృష్టించడం ప్రారంభించడానికి, మీకు HTML గురించి అవగాహన అవసరం. (ఈ మార్కప్ భాషకు త్వరిత పరిచయం కావాలా? మా HTML FAQ చదవండి.)

భాష నేర్చుకోవడంలో భాగంగా, మీ HTML పదజాలానికి మీరు జోడించాల్సిన అంశాల సుదీర్ఘ జాబితా ఉంది. మరియు ఈ పని మొదట కష్టంగా అనిపించవచ్చు, అందుకే మేము ఈ క్రింది చీట్ షీట్‌తో ముందుకు వచ్చాము. మీకు ఎప్పుడైనా అవసరమైనప్పుడు HTML అంశాలను కనుగొనడానికి/అర్థం చేసుకోవడానికి/రీకాల్ చేయడానికి ఇది మీకు సులభమైన మార్గాన్ని అందిస్తుంది.

---

---

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

విండోస్ 7 వర్సెస్ విండోస్ 10 2018

ఉచిత డౌన్లోడ్: ఈ చీట్ షీట్ a గా అందుబాటులో ఉంది డౌన్‌లోడ్ చేయగల PDF మా పంపిణీ భాగస్వామి, ట్రేడ్‌పబ్ నుండి. మొదటిసారి మాత్రమే యాక్సెస్ చేయడానికి మీరు ఒక చిన్న ఫారమ్‌ని పూర్తి చేయాలి. డౌన్‌లోడ్ చేయండి HTML ఎసెన్షియల్స్ చీట్ షీట్ .

స్నాప్‌చాట్‌ను డార్క్ మోడ్‌గా ఎలా మార్చాలి

HTML ఎసెన్షియల్స్ చీట్ షీట్

......

సత్వరమార్గం	చర్య
ప్రాథమిక ట్యాగ్‌లు
...	ఒక HTML డాక్యుమెంట్ యొక్క మొదటి మరియు చివరి ట్యాగ్. అన్ని ఇతర ట్యాగ్‌లు ఈ ప్రారంభ మరియు ముగింపు ట్యాగ్‌ల మధ్య ఉంటాయి.
...	పత్రం కోసం మెటాడేటా సేకరణను పేర్కొంటుంది.
...	పేజీ కోసం శీర్షికను వివరిస్తుంది మరియు బ్రౌజర్ టైటిల్ బార్‌లో చూపబడుతుంది.
...	వెబ్‌పేజీలో ప్రదర్శించబడే మొత్తం కంటెంట్‌ని కలిగి ఉంటుంది.
పత్రం సమాచారం
	బేస్ URL మరియు డాక్యుమెంట్‌కి సంబంధించిన అన్ని సంబంధిత లింక్‌లను ప్రస్తావించింది.
	రచయిత, ప్రచురణ తేదీ మొదలైన పేజీ గురించి అదనపు సమాచారం కోసం.
	స్టైల్ షీట్స్ వంటి బాహ్య అంశాలకు లింకులు.
...	CSS (క్యాస్కేడింగ్ స్టైల్ షీట్స్) వంటి డాక్యుమెంట్ స్టైల్ సమాచారాన్ని కలిగి ఉంటుంది.
...	బాహ్య స్క్రిప్ట్‌లకు లింక్‌లను కలిగి ఉంటుంది.
టెక్స్ట్ ఫార్మాటింగ్
... లేదా ...	వచనాన్ని బోల్డ్ చేస్తుంది.
...	వచనాన్ని ఇటాలిక్ చేస్తుంది మరియు బోల్డ్ చేస్తుంది.
...	వచనాన్ని ఇటాలిక్ చేస్తుంది కానీ బోల్డ్ చేయదు.
...	స్ట్రైక్‌త్రూ టెక్స్ట్.
...	ఒక కోట్ యొక్క రచయితను ఉదహరించారు.
...	టెక్స్ట్ యొక్క తొలగించిన భాగాన్ని లేబుల్ చేస్తుంది.
...	కంటెంట్‌లోకి చొప్పించిన విభాగాన్ని చూపుతుంది.
...	కోట్‌లను ప్రదర్శించడం కోసం. తరచుగా ట్యాగ్‌తో ఉపయోగిస్తారు.
...	చిన్న కోట్స్ కోసం.
...	సంక్షిప్తాలు మరియు పూర్తి రూపాల కోసం.
...	సంప్రదింపు వివరాలను పేర్కొంటుంది.
...	నిర్వచనాల కోసం.
...	కోడ్ స్నిప్పెట్‌ల కోసం.
...	సబ్‌స్క్రిప్ట్‌లు రాయడం కోసం
...	సూపర్‌స్క్రిప్ట్‌లు రాయడం కోసం.
...	టెక్స్ట్ పరిమాణాన్ని తగ్గించడం మరియు అనవసరమైన సమాచారాన్ని HTML5 లో మార్క్ చేయడం కోసం.
డాక్యుమెంట్ నిర్మాణం
...	వివిధ స్థాయిల శీర్షికలు. H1 అతి పెద్దది మరియు H6 అతి చిన్నది.
...	కంటెంట్‌ను బ్లాక్‌లుగా విభజించడం కోసం.
...	పేజీ ఆకృతిని పాడుచేయకుండా ఇమేజ్, ఐకాన్, ఎమోటికాన్ వంటి ఇన్‌లైన్ ఎలిమెంట్‌లను కలిగి ఉంటుంది.
...	సాదా వచనాన్ని కలిగి ఉంటుంది.
	కొత్త పంక్తిని సృష్టిస్తుంది.
	విభాగం ముగింపును చూపించడానికి ఒక క్షితిజ సమాంతర పట్టీని గీస్తుంది.
జాబితాలు
...	ఆర్డర్ చేసిన వస్తువుల జాబితా కోసం.
...	క్రమం లేని వస్తువుల జాబితా కోసం.
...	జాబితాలో వ్యక్తిగత అంశాల కోసం.
...	నిర్వచనాలతో అంశాల జాబితా.
...	శరీర కంటెంట్‌తో ఒకే పదం ఇన్‌లైన్ నిర్వచనం.
...	నిర్వచించిన పదం కోసం వివరణ.
లింకులు
...	హైపర్ లింక్‌ల కోసం యాంకర్ ట్యాగ్.
...	ఇమెయిల్ చిరునామాలకు లింక్ చేయడానికి ట్యాగ్ చేయండి.
...	పరిచయ సంఖ్యలను జాబితా చేయడానికి యాంకర్ ట్యాగ్.
...	అదే పేజీలోని మరొక భాగానికి లింక్ చేయడానికి యాంకర్ ట్యాగ్.
...	వెబ్‌పేజీలోని డివి విభాగానికి వెళ్లండి. (పై ట్యాగ్ యొక్క వైవిధ్యం)
చిత్రాలు
	ఇమేజ్ ఫైల్స్ ప్రదర్శించడం కోసం.
కోసం గుణాలు ట్యాగ్
src = url	చిత్రం యొక్క మూల మార్గానికి లింక్ చేయండి.
alt = వచనం	ఒక మౌస్ చిత్రంపై ఉంచినప్పుడు టెక్స్ట్ ప్రదర్శించబడుతుంది.
ఎత్తు =	చిత్రం ఎత్తు పిక్సెల్‌లు లేదా శాతాలలో.
వెడల్పు =	చిత్రం వెడల్పు పిక్సెల్‌లు లేదా శాతాలలో.
సమలేఖనం =	పేజీలోని చిత్రం యొక్క సాపేక్ష అమరిక.
సరిహద్దు =	చిత్రం యొక్క సరిహద్దు మందం.
...	క్లిక్ చేయగల మ్యాప్‌కు లింక్ చేయండి.
...	మ్యాప్ చిత్రం పేరు.
	చిత్ర పటం యొక్క చిత్రం ప్రాంతం.
ట్యాగ్ కోసం లక్షణాలు
ఆకారం = '	చిత్రం ప్రాంతం యొక్క ఆకారం.
సంకేతాలు =	మ్యాప్ ఇమేజ్ ప్రాంతం యొక్క కోఆర్డినేట్‌లు.
రూపాలు
...	HTML ఫారమ్ కోసం పేరెంట్ ట్యాగ్.
ట్యాగ్ కోసం లక్షణాలు
చర్య = url	ఫారమ్ డేటా సమర్పించబడిన URL.
పద్ధతి =	ఫారం సమర్పణ ప్రోటోకాల్ (POST లేదా GET) ని పేర్కొంటుంది.
ఎన్‌టైప్ =	POST సమర్పణల కోసం డేటా ఎన్‌కోడింగ్ పథకం.
స్వయంపూర్తి	ఫారమ్ స్వీయపూర్తి ఆన్ లేదా ఆఫ్‌లో ఉంటే పేర్కొనండి.
నోవాలిడేట్	సమర్పించడానికి ముందు ఫారమ్ ధృవీకరించబడాలా వద్దా అని నిర్దేశిస్తుంది.
అంగీకరించు-చార్సెట్‌లు	ఫారమ్ సమర్పణల కోసం అక్షర ఎన్‌కోడింగ్‌ని పేర్కొంటుంది.
లక్ష్యం	ఫారమ్ సమర్పణ ప్రతిస్పందన ఎక్కడ ప్రదర్శించబడుతుందో చూపుతుంది.
...	గ్రూప్ సంబంధిత అంశాలు రూపంలో/
...	ప్రతి ఫారమ్ ఫీల్డ్‌లో యూజర్ ఏమి నమోదు చేయాలో పేర్కొంటుంది.
...	ఫీల్డ్‌సెట్ మూలకం కోసం ఒక శీర్షిక.
	వినియోగదారు నుండి ఏ రకమైన ఇన్‌పుట్ తీసుకోవాలో పేర్కొంటుంది.
ట్యాగ్ కోసం లక్షణాలు
రకం =	ఇన్‌పుట్ రకాన్ని నిర్ణయిస్తుంది (టెక్స్ట్, తేదీలు, పాస్‌వర్డ్).
పేరు =	ఇన్‌పుట్ ఫీల్డ్ పేరును పేర్కొంటుంది.
విలువ =	ఇన్‌పుట్ ఫీల్డ్‌లో విలువను పేర్కొంటుంది.
పరిమాణం =	ఇన్‌పుట్ ఫీల్డ్ కోసం అక్షరాల సంఖ్యను సెట్ చేస్తుంది.
గరిష్ట పొడవు =	అనుమతించబడిన ఇన్‌పుట్ అక్షరాల పరిమితిని సెట్ చేస్తుంది.
అవసరం	ఇన్‌పుట్ ఫీల్డ్‌ను తప్పనిసరి చేస్తుంది.
వెడల్పు =	పిక్సెల్‌లలో ఇన్‌పుట్ ఫీల్డ్ యొక్క వెడల్పును సెట్ చేస్తుంది.
ఎత్తు =	పిక్సెల్‌లలో ఇన్‌పుట్ ఫీల్డ్ యొక్క ఎత్తును సెట్ చేస్తుంది.
ప్లేస్‌హోల్డర్ =	ఆశించిన ఫీల్డ్ విలువను వివరిస్తుంది.
నమూనా =	రెగ్యులర్ ఎక్స్‌ప్రెషన్‌ని నిర్దేశిస్తుంది, ఇది యూజర్ టెక్స్ట్‌లో ప్యాటర్న్‌ల కోసం చూడండి.
min =	ఇన్‌పుట్ మూలకం కోసం అనుమతించబడిన కనీస విలువ.
గరిష్టంగా =	ఇన్‌పుట్ మూలకం కోసం అనుమతించబడిన గరిష్ట విలువ.
వికలాంగుడు	ఇన్‌పుట్ మూలకాన్ని నిలిపివేస్తుంది.
...	వినియోగదారు నుండి సుదీర్ఘ డేటాను సంగ్రహించడం కోసం.
...	వినియోగదారు ఎంచుకోగల ఎంపికల జాబితాను పేర్కొంటుంది.
ట్యాగ్ కోసం లక్షణాలు
పేరు =	డ్రాప్‌డౌన్ జాబితా కోసం పేరును పేర్కొంటుంది.
పరిమాణం =	వినియోగదారుకు ఇవ్వబడిన ఎంపికల సంఖ్య.
బహుళ	వినియోగదారు జాబితా నుండి బహుళ ఎంపికలను ఎంచుకోగలరా అని సెట్ చేస్తుంది.
అవసరం	ఫారమ్ సమర్పణ కోసం ఒక ఎంపిక/ల ఎంపిక అవసరమా అని నిర్దేశిస్తుంది.
ఆటో ఫోకస్	పేజీ లోడ్ అయిన తర్వాత డ్రాప్-డౌన్ జాబితా స్వయంచాలకంగా దృష్టిలోకి వస్తుందని పేర్కొంటుంది.
...	డ్రాప్‌డౌన్ జాబితాలో అంశాలను నిర్వచిస్తుంది.
విలువ =	ఏదైనా ఎంపిక కోసం వచనాన్ని ప్రదర్శిస్తుంది.
ఎంపిక చేయబడింది	ప్రదర్శించబడే డిఫాల్ట్ ఎంపికను సెట్ చేస్తుంది.
...	ఫారమ్ సమర్పణ కోసం ఒక బటన్‌ను సృష్టించడానికి ట్యాగ్ చేయండి.
వస్తువులు మరియు iFrames
...	పొందుపరిచిన ఫైల్ రకాన్ని వివరిస్తుంది.
ట్యాగ్ కోసం లక్షణాలు
ఎత్తు =	వస్తువు యొక్క ఎత్తు.
వెడల్పు =	వస్తువు వెడల్పు.
రకం =	వస్తువు కలిగి ఉన్న మీడియా రకం.
	బాహ్య సమాచారాన్ని పొందుపరచడానికి ఇన్‌లైన్ ఫ్రేమ్.
పేరు =	IFrame పేరు.
src =	ఫ్రేమ్ లోపల కంటెంట్ కోసం సోర్స్ URL.
srcdoc =	ఫ్రేమ్ లోపల HTML కంటెంట్.
ఎత్తు =	ఐఫ్రేమ్ యొక్క ఎత్తు.
వెడల్పు =	ఐఫ్రేమ్ యొక్క వెడల్పు.
	IFrame ని అనుకూలీకరించడానికి అదనపు పారామితులను జోడిస్తుంది.
...	బాహ్య అప్లికేషన్ లేదా ప్లగ్ఇన్‌ను పొందుపరుస్తుంది.
ట్యాగ్ కోసం లక్షణాలు
ఎత్తు =	ఎంబెడ్ యొక్క ఎత్తును సెట్ చేస్తుంది.
వెడల్పు =	పొందుపరిచిన వెడల్పును సెట్ చేస్తుంది.
రకం =	పొందుపరిచిన రకం లేదా ఫార్మాట్.
src =	పొందుపరిచిన ఫైల్ యొక్క మూల మార్గం.
పట్టికలు
...	పట్టిక కోసం మొత్తం కంటెంట్‌ను నిర్వచిస్తుంది.
...	పట్టిక యొక్క వివరణ.
...	పట్టికలోని ప్రతి కాలమ్ కోసం శీర్షికలు.
పట్టిక కోసం శరీర డేటాను నిర్వచిస్తుంది.
...	టేబుల్ ఫుటర్ కోసం కంటెంట్‌ను వివరిస్తుంది.
ఒకే వరుస కోసం కంటెంట్.
	...	ఒకే శీర్షిక అంశంలో డేటా.
	...	ఒకే టేబుల్ సెల్ లోపల కంటెంట్.
...	ఫార్మాటింగ్ కోసం సమూహాల నిలువు వరుసలు.
	సమాచారం యొక్క ఒకే కాలమ్.
HTML5 కొత్త ట్యాగ్‌లు
...	వెబ్‌పేజీ శీర్షికను పేర్కొంటుంది.
...	వెబ్‌పేజీ ఫుటర్‌ని పేర్కొంటుంది.
...	వెబ్‌పేజీలోని ప్రధాన కంటెంట్‌ని మార్కులు చేస్తుంది.
...	ఒక కథనాన్ని పేర్కొంటుంది.
...	పేజీ యొక్క సైడ్‌బార్ కంటెంట్‌ను పేర్కొంటుంది.
...	వెబ్‌పేజీలో ఒక నిర్దిష్ట విభాగాన్ని పేర్కొంటుంది.
...	అదనపు సమాచారాన్ని వివరించడానికి.
...	పై ట్యాగ్ కోసం హెడ్డింగ్‌గా ఉపయోగించబడింది. వినియోగదారునికి ఎల్లప్పుడూ కనిపిస్తుంది.
...	ఒక డైలాగ్ బాక్స్ సృష్టిస్తుంది.
...	చార్ట్‌లు మరియు బొమ్మలను చేర్చడానికి ఉపయోగిస్తారు.
...	ఒక మూలకాన్ని వివరిస్తుంది.
...	టెక్స్ట్ యొక్క నిర్దిష్ట భాగాన్ని హైలైట్ చేస్తుంది.
...	వెబ్‌పేజీలో నావిగేషన్ లింక్‌ల సమితి.
...	జాబితా లేదా మెను నుండి ఒక నిర్దిష్ట అంశం.
...	ఇచ్చిన పరిధిలో డేటాను కొలుస్తుంది.
...	ప్రగతి పట్టీని ఉంచి, పురోగతిని ట్రాక్ చేస్తుంది.
...	రూబీ ఉల్లేఖనాలకు మద్దతు లేని వచనాన్ని ప్రదర్శిస్తుంది.
...	తూర్పు ఆసియా టైపోగ్రఫీ పాత్ర వివరాలను ప్రదర్శిస్తుంది.
...	తూర్పు ఆసియా టైపోగ్రఫీ కోసం రూబీ ఉల్లేఖనం.
...	సమయం మరియు తేదీని గుర్తిస్తుంది.
	కంటెంట్ లోపల ఒక లైన్ బ్రేక్.
¹ HTML5 అక్షర వస్తువులు
" లేదా & quot;	కొటేషన్ మార్కులు
< లేదా & lt;	గుర్తు కంటే తక్కువ (<)
> లేదా & gt;	గుర్తు కంటే గొప్పది (>)
లేదా ;	బ్రేకింగ్ కాని స్థలం
© లేదా & కాపీ;	కాపీరైట్ చిహ్నం
™ లేదా & ucirc;	ట్రేడ్మార్క్ చిహ్నం
@ లేదా & Uuml;	చిహ్నం (@) వద్ద
& లేదా & amp;	ఆంపర్‌స్యాండ్ చిహ్నం (&)
• లేదా & ouml;	చిన్న బుల్లెట్
HTML HTML అక్షరాన్ని టైప్ చేసేటప్పుడు సెమికోలన్ ముందు ఖాళీని విస్మరించండి.

హ్యాండ్-ఆన్ అనుభవం కోసం వెబ్‌సైట్‌ను రూపొందించండి

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

---

---

షేర్ చేయండి షేర్ చేయండి ట్వీట్ ఇమెయిల్ Android లో Google యొక్క అంతర్నిర్మిత బబుల్ స్థాయిని ఎలా యాక్సెస్ చేయాలి

మీరు ఎప్పుడైనా చిటికెలో ఏదో స్థాయిని నిర్ధారించుకోవాల్సిన అవసరం ఉంటే, మీరు ఇప్పుడు మీ ఫోన్‌లో బబుల్ స్థాయిని సెకన్లలో పొందవచ్చు.

ఎడమ మౌస్ బటన్ కొన్నిసార్లు పనిచేయదు

తదుపరి చదవండి సంబంధిత అంశాలు

• ఉత్పాదకత
• ప్రోగ్రామింగ్
• HTML
• నకిలీ పత్రము

రచయిత గురుంచి అక్షత శంభాగ్(404 కథనాలు ప్రచురించబడ్డాయి)

సాంకేతికత మరియు రచనపై దృష్టి పెట్టడానికి ముందు అక్షత మాన్యువల్ టెస్టింగ్, యానిమేషన్ మరియు UX డిజైన్‌లో శిక్షణ పొందింది. ఇది ఆమెకు ఇష్టమైన రెండు కార్యకలాపాలను తీసుకువచ్చింది - వ్యవస్థలను అర్థం చేసుకోవడం మరియు పరిభాషను సరళీకృతం చేయడం. MakeUseOf లో, అక్షత మీ Apple పరికరాలను ఉత్తమంగా తయారు చేయడం గురించి వ్రాస్తుంది.

---

---

అక్షత శంభాగ్ నుండి మరిన్ని

మా వార్తాలేఖకు సభ్యత్వాన్ని పొందండి

టెక్ చిట్కాలు, సమీక్షలు, ఉచిత ఈబుక్‌లు మరియు ప్రత్యేకమైన డీల్స్ కోసం మా వార్తాలేఖలో చేరండి!

సభ్యత్వం పొందడానికి ఇక్కడ క్లిక్ చేయండి