సాధారణ ఫ్లో

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

బ్లాక్ బాక్స్లు వేయడం

సాధారణ ప్రవాహం లో, బ్లాక్ బాక్సులను ఒకదాని తరువాత మరొకదానిలో (అవి HTML లో వ్రాసినవి) ఉంచబడతాయి. వారు ఉన్న పెట్టె యొక్క ఎగువ ఎడమ నుండి మొదలుకొని ఎగువ నుండి దిగువకు కొట్టండి. ప్రతి పెట్టెకు మధ్య దూరం అంచులు మరియు ఎగువ మరియు దిగువ అంచులు ఒకదానికొకటి కూలిపోతాయి.

ఉదాహరణకు, మీరు క్రింది HTML కలిగి ఉండవచ్చు:

ఇది మొదటి డివి. ఇది 200 పిక్సల్స్ వెడల్పుతో చుట్టూ 5px మార్జిన్తో ఉంటుంది.

ఈ విస్తృత div ఉంది.

రెండవది కంటే ఇది ఒక బిట్ విశాలమైనది.

ప్రతి DIV బ్లాకు మూలకం, కాబట్టి అది మునుపటి బ్లాక్ మూలకం క్రింద ఉంచబడుతుంది. ప్రతి ఎడమ బాహ్య అంచు కలిగి బ్లాక్ యొక్క ఎడమ అంచు తాకి ఉంటుంది.

ఇన్లైన్ బాక్స్లు వేయడం

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

ఉదాహరణకు, ఈ క్రింది HTML లో:

ఈ టెక్స్ట్ బోల్డ్ మరియు ఈ టెక్స్ట్ ఇటాలిక్స్ ఉంది . మరియు ఇది సాదా వచనం.

పేరా ఒక బ్లాక్ మూలకం, కానీ 5 ఇన్లైన్ మూలకాలు ఉన్నాయి:

• "ఈ టెక్స్ట్"
• "బోల్డ్"
• "మరియు ఈ టెక్స్ట్"
• "ఇటాలిక్స్"
• "ఇది సాదా వచనం."

సో సాధారణ ప్రవాహం ఈ బ్లాక్ మరియు ఇన్లైన్ మూలకాలు వెబ్ డిజైనర్ ద్వారా ఏ జోక్యం లేకుండా వెబ్ పేజీలో ప్రదర్శిస్తుంది.

మీరు ఒక మూలకాన్ని పేజీలో ఎక్కడ ప్రభావితం చేయాలనుకుంటే మీరు CSS స్థానాలు లేదా CSS ఫ్లోట్లను ఉపయోగించవచ్చు .