HTML సైజు టాగ్ ఉందా?

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

HTML పరిమాణం ట్యాగ్ HTML లో లేదు. బదులుగా, మీ ఫాంట్లు, చిత్రాలు లేదా లేఅవుట్ యొక్క పరిమాణం సెట్ చేయడానికి మీరు కాస్కేడింగ్ స్టైల్ షీట్స్ ఉపయోగించాలి. నిజానికి, మీరు సైట్ యొక్క టెక్స్ట్ లేదా మరొక మూలకం చేయడానికి అవసరం ఏ దృశ్య మార్పు CSS ద్వారా నిర్వహించబడుతుంది చేయాలి! HTML నిర్మాణం మాత్రమే.

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

ఫాంట్ పరిమాణాలు

ఫాంట్లు నిస్సందేహంగా CSS తో పరిమాణం సులభమయిన విషయం. కేవలం CSS తో ఆ టెక్స్ట్ సమం కంటే Moreso మీరు మీ వెబ్సైట్ టైపోగ్రఫీ గురించి మరింత నిర్దిష్ట ఉంటుంది. మీరు ఫాంట్ పరిమాణాన్ని, రంగును, కేసింగ్ను, బరువును, ప్రముఖంగా, మరియు మరింత నిర్వచించవచ్చు. ఫాంట్ ట్యాగ్తో మీరు ప్రతి పరిమితికి భిన్నమైన బ్రౌజర్ డిఫాల్ట్ ఫాంట్ పరిమాణానికి సంబంధించి సంఖ్యను మాత్రమే పరిమాణాన్ని నిర్వచించగలరు.

మీ పేరాను 12pt యొక్క ఫాంట్ పరిమాణాన్ని అమర్చడానికి, font-size శైలి లక్షణాన్ని ఉపయోగించండి:

h3 {font-size = 24px; }

ఈ శైలి headiing3 మూలకాల యొక్క ఫాంట్ పరిమాణాన్ని 24 పిక్సెల్స్గా సెట్ చేస్తుంది. మీరు దీన్ని బాహ్య శైలి షీట్కు జోడించవచ్చు మరియు మీ సైట్ యొక్క H3 లు ఈ శైలిని ఉపయోగిస్తాయి.

మీరు మీ టెక్స్ట్కు అదనపు టైపోగ్రఫిక్ శైలులను జోడించాలనుకుంటే, మీరు వాటిని ఈ CSS పాలనలో చేర్చవచ్చు:

h3 {font-size: 24px; రంగు: # 000; ఫాంట్ బరువు: సాధారణ; }

ఇది H3 లకు మాత్రమే ఆ ఫాంట్ పరిమాణాన్ని సెట్ చేస్తుంది, ఇది నల్ల రంగుకి (ఇది ఏ హెక్టారును # 000 అర్థం అని అర్థం) సెట్ చేస్తుంది మరియు ఇది బరువును "సాధారణమైనది" గా చేస్తుంది. డిఫాల్ట్గా, బ్రౌజర్లు 1-6 శీర్షికలను బోల్డ్ టెక్స్ట్గా అనువదిస్తాయి, కాబట్టి ఈ శైలి ఆ డిఫాల్ట్ మరియు ముఖ్యంగా "అన్-బోల్డ్" టెక్స్ట్ను భర్తీ చేస్తుంది.

చిత్రం పరిమాణాలు

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

ఫాంట్లు కాకుండా, చిత్రాలు పరిమాణం నిర్వచించడానికి HTML లేదా CSS ఉపయోగించవచ్చు. మీరు చిత్రం మరియు ఎత్తు యొక్క వెడల్పును నిర్వచించండి. మీరు HTML ను ఉపయోగించినప్పుడు, పిక్సెల్స్లో మాత్రమే చిత్రం పరిమాణాన్ని నిర్వచించవచ్చు. మీరు CSS ను ఉపయోగిస్తే, మీరు అంగుళాలు, సెంటీమీటర్లు మరియు శాతాలు సహా ఇతర కొలతలను ఉపయోగించవచ్చు. ప్రతిస్పందించే వెబ్ సైట్ లో మీ చిత్రాలు ద్రవంగా ఉండాలంటే ఈ చివరి విలువ, శాతాలు చాలా ఉపయోగకరం.

HTML ఉపయోగించి మీ చిత్రం పరిమాణం నిర్వచించడానికి, img ట్యాగ్ యొక్క ఎత్తు మరియు వెడల్పు లక్షణాలను ఉపయోగించండి. ఉదాహరణకు, ఈ చిత్రం 400x400 పిక్సెల్స్ చదరపు ఉంటుంది:

height = "400" width = "400" alt = "image" />

CSS ఉపయోగించి మీ చిత్రం పరిమాణం నిర్వచించడానికి, ఎత్తు మరియు వెడల్పు శైలి లక్షణాలను ఉపయోగించండి. పరిమాణాన్ని నిర్వచించడానికి CSS ను ఉపయోగించి ఇదే చిత్రం ఇక్కడ ఉంది:

శైలి = "ఎత్తు: 400px; వెడల్పు: 400px;" alt = "చిత్రం" />

లేఅవుట్ పరిమాణాలు

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

స్థిర వెడల్పు:

శైలి = "వెడల్పు: 600px;">

లిక్విడ్ వెడల్పు:

శైలి = "వెడల్పు: 80%;">

మీరు మీ లేఅవుట్ కోసం వెడల్పులను నిర్ణయించేటప్పుడు, మీ రీడర్లు వాడే వివిధ బ్రౌజర్ వెడల్పులను మరియు అవి కూడా వేర్వేరు పరికరాలను ఉపయోగించుకోవాలి. ప్రతిస్పందించే వెబ్సైట్లు , వివిధ లేఅవుట్లు మరియు తెర పరిమాణాల ఆధారంగా వారి లేఅవుట్ను మార్చడం మరియు పరిమాణాన్ని మార్చడం, ఈరోజు అత్యుత్తమ సాధన ప్రమాణంగా చెప్పవచ్చు.