- Information
- AI Chat
Html css - Java
Operating System
Preview text
Interview Questions Q1. what is the difference between HIMLY and HTML5? Ans feature HTMLY HTML 5 doctype its lenghty Simplified: TIDOCTYPE html) declaration complex audio re it have it has native support video support support without using Caudio and external support (flash) video tags JS support it allow it allow Java S cript Javascript in in web browser API wade web browser Mobile less mf move mf. Friendly tom elements like elements like nav, heada, nav, healter hav, header, fores footer we are present were not present tags these tags can be are ommitted mandatory Syntan handle inaccurate capable of handling syntea inaccurate synter speed its not fast, flexible it is fast reliable, or efficient any more efficient Interview Questions Q1. what is the difference between HIMLY and HTML5? Ans feature HTMLY HTML 5 doctype its lenghty Simplified: TIDOCTYPE html) declaration complex audio re it have it has native support video support support without using Caudio and external support (flash) video tags JS support it allow it allow Java S cript Javascript in in web browser API wade web browser Mobile less mf move mf. Friendly tom elements like elements like nav, heada, nav, healter hav, header, fores footer we are present were not present tags these tags can be are ommitted mandatory Syntan handle inaccurate capable of handling syntea inaccurate synter speed its not fast, flexible it is fast reliable, or efficient any more efficient Q2. what is the use of Doctype? the HTML document type declaration also known as 4 DOCTYPE it is a first line of code required in HTML or XHTML document the declaration is used as an instinction to the web browser about what version of HTME we are using it is used to ensure webpage is parsuel age in the same way . different browsers. Q3. that What is Meta tag in html ? Ans tags defines metadata about an HTML documents. meta eta an is the data (information) about the data tag is used to provide addition al information about about the page to search engine re other clients it is written in head tag. Q4. what are formetting tags ? HTML Ans e formating in HTML refors to the way the text is displayed on a web page HTM per provides us ability to format text without using CSS Q2. what is the use of Doctype? the HTML document type declaration also known as 4 DOCTYPE it is a first line of code required in HTML or XHTML document the declaration is used as an instinction to the web browser about what version of HTME we are using it is used to ensure webpage is parsuel age in the same way . different browsers. Q3. that What is Meta tag in html ? Ans tags defines metadata about an HTML documents. meta eta an is the data (information) about the data tag is used to provide addition al information about about the page to search engine re other clients it is written in head tag. Q4. what are formetting tags ? HTML Ans e formating in HTML refors to the way the text is displayed on a web page HTM per provides us ability to format text without using CSS ( Q6. what are HTML attributes . HTML attributes are the additional pierc pieces information added to HTML elements to provide more details about them te control the behaviour Attributes are placed within the opening tag usually consist of a name te a value sp separated with equals sign. used to specify things like apperance, behaviours a on functionality. ( Examples: href used to define. a hypalink for source of image I 7. difference between cell padding u Cell spacing? Ans both are HIMC attribute to control spacing between the content. ( Cell padding define Spaces between Cell content cell borders v Cell defines Spaces between cell 6 table W Z 8. Difference between Inline element and block level elements 4h: Z ( Q6. what are HTML attributes . HTML attributes are the additional pierc pieces information added to HTML elements to provide more details about them te control the behaviour Attributes are placed within the opening tag usually consist of a name te a value sp separated with equals sign. used to specify things like apperance, behaviours a on functionality. ( Examples: href used to define. a hypalink for source of image I 7. difference between cell padding u Cell spacing? Ans both are HIMC attribute to control spacing between the content. ( Cell padding define Spaces between Cell content cell borders v Cell defines Spaces between cell 6 table W Z 8. Difference between Inline element and block level elements 4h: Z Block Inline aspects level Element element disphy Starts on a new start on behaviour line re take the new line ie occupy entire width available only pace inline width occupy the full widre available ocuppy only space 8 bounded tags nesting it can contain other it can only contain element other inline element a inline elements. or text level than elem eat. height it take entive wider it a takes width a width height according to content height according to content Usecase Structuring content, styling texts , creating layout Creating like grouping elements hightighting texts. example , ,497, types 9. Define List, te list attributes with there list is a way to organise r display a group of related items. there are three types of list I Ordered List (ol) C shows in numbered Unordered list ( us) Shows in buttel touch seque C 11 bullet or other Marges) ii) Description list ( di) ( display along with description) Block Inline aspects level Element element disphy Starts on a new start on behaviour line re take the new line ie occupy entire width available only pace inline width occupy the full widre available ocuppy only space 8 bounded tags nesting it can contain other it can only contain element other inline element a inline elements. or text level than elem eat. height it take entive wider it a takes width a width height according to content height according to content Usecase Structuring content, styling texts , creating layout Creating like grouping elements hightighting texts. example , ,497, types 9. Define List, te list attributes with there list is a way to organise r display a group of related items. there are three types of list I Ordered List (ol) C shows in numbered Unordered list ( us) Shows in buttel touch seque C 11 bullet or other Marges) ii) Description list ( di) ( display along with description) Q10 Form element te Form attributes Form elements 1 input allow users to input data it can be 0 text 1 T password 11 checkbox 40 radiock es type name placeholder 1 textaver provides multi line input area. rows Enter Address provides a drop down list of options name value Male value ( v Button provides a clickarle button type Submit v Label Associate a label with a form control for better accessibility Username: (lasel ) type id name Q10 Form element te Form attributes Form elements 1 input allow users to input data it can be 0 text 1 T password 11 checkbox 40 radiock es type name placeholder 1 textaver provides multi line input area. rows Enter Address provides a drop down list of options name value Male value ( v Button provides a clickarle button type Submit v Label Associate a label with a form control for better accessibility Username: (lasel ) type id name ( Form 1 specifies where to send the form da when submitted action 4 form pup metrod 5 11 Method: specific the HTTP method it to be used when subtin thed Get or post) 4 ( Form 1 specifies where to send the form da when submitted action 4 form pup metrod 5 11 Method: specific the HTTP method it to be used when subtin thed Get or post) 4 Q What are Combinatous 7 Combinators in CSS are the Symbols we to define relationship between the Selectors there ave four types ( Descendent Combin atar 1. (space) select element that is descendant of another element ) EE Child (i)) select element is direct child of another element Adjacent Sibiling Combination select element that is dave immediately preceded sibiling element of 1 General sibiling Combination elements th at Selects all the sibilings of specified element. Q What are Combinatous 7 Combinators in CSS are the Symbols we to define relationship between the Selectors there ave four types ( Descendent Combin atar 1. (space) select element that is descendant of another element ) EE Child (i)) select element is direct child of another element Adjacent Sibiling Combination select element that is dave immediately preceded sibiling element of 1 General sibiling Combination elements th at Selects all the sibilings of specified element. Q Difference between Pseudo Class te Pseudo Elements ? Pseudo Class Element class Pseudo Elements Rxp Selects styles a specific Popace part of an Selects styles elements defa content based on their state or position in doc free prefixed with one Prefixed with Single colon (:) colons (e:i) e Explain CSS box Model ? Ans 1 CSS box model is a fundamental concept in web design layout A CSS box model is essestionally a box that wraps around every HTML element it consist of content. padding 9 Border, Margin Z content of box , where text E images appear cleavs an area around content padding is transperrent A border that goes around Padding Margin space outside bonder creating distance between element Q Difference between Pseudo Class te Pseudo Elements ? Pseudo Class Element class Pseudo Elements Rxp Selects styles a specific Popace part of an Selects styles elements defa content based on their state or position in doc free prefixed with one Prefixed with Single colon (:) colons (e:i) e Explain CSS box Model ? Ans 1 CSS box model is a fundamental concept in web design layout A CSS box model is essestionally a box that wraps around every HTML element it consist of content. padding 9 Border, Margin Z content of box , where text E images appear cleavs an area around content padding is transperrent A border that goes around Padding Margin space outside bonder creating distance between element Q Differences between Sticky Fixed in CSS 7 position Sticley Fixed it initially act as relative it is position relative until it reaches a threshold to bro wser te it remains (a scoul point) then it fixed in its position when becomes fixed. Sech use cased us use cafe nav menus, headers Header footes the some element to be visible Qr. Difference between position absourte E relative absolute relative Snott sad boar trust? tan ob improm Weigh Q9. Explain CSS display properties? CSS display properties depict now elements are displayed on web page. 1 display: block: block level elements are hadward generates box block level box, seog Q Differences between Sticky Fixed in CSS 7 position Sticley Fixed it initially act as relative it is position relative until it reaches a threshold to bro wser te it remains (a scoul point) then it fixed in its position when becomes fixed. Sech use cased us use cafe nav menus, headers Header footes the some element to be visible Qr. Difference between position absourte E relative absolute relative Snott sad boar trust? tan ob improm Weigh Q9. Explain CSS display properties? CSS display properties depict now elements are displayed on web page. 1 display: block: block level elements are hadward generates box block level box, seog they start on a new line u take up the full width default, extending hovizontally to left E right edges of containing block Example , y , Shav7 rols 2. display: inline , tinline elements generate inline box they do not start on 9 new line re take as up only width neccesary they stack horizontally next to each other. Ext 9 king etc display inline generates a block level box that acts like inline element. they do not start on new line it can have properties like width, height, Maugins padding rolax3 Ex with display : inline with display is line ly in : the element content 13031 are completely removed from docuted document flow. non taking up space on page. they start on a new line u take up the full width default, extending hovizontally to left E right edges of containing block Example , y , Shav7 rols 2. display: inline , tinline elements generate inline box they do not start on 9 new line re take as up only width neccesary they stack horizontally next to each other. Ext 9 king etc display inline generates a block level box that acts like inline element. they do not start on new line it can have properties like width, height, Maugins padding rolax3 Ex with display : inline with display is line ly in : the element content 13031 are completely removed from docuted document flow. non taking up space on page. 4) Difference between visibility:hidden be display : wore ? visibility : hidden Element is hidden Element is hidden but still occupies space but does it occup space Sorrounding elements Hidden element does not adjust to hidden affect lajout space Rendered but not Not rendered at all visible 12) what is index ? it is used to Merge the stacking order of HTML elements basically the to coordinate a of element determines axis order default index value of every element is O. it is applicable for static position element ( ie relative, fixed, Sticly) Q 13. what is Media Query ? Anst using it we can create responsive web pages it 4) Difference between visibility:hidden be display : wore ? visibility : hidden Element is hidden Element is hidden but still occupies space but does it occup space Sorrounding elements Hidden element does not adjust to hidden affect lajout space Rendered but not Not rendered at all visible 12) what is index ? it is used to Merge the stacking order of HTML elements basically the to coordinate a of element determines axis order default index value of every element is O. it is applicable for static position element ( ie relative, fixed, Sticly) Q 13. what is Media Query ? Anst using it we can create responsive web pages it using it can run our application according to the various sizes. based on device syntax can be written using the Media followed one or more feature Common Media features width height to Make webpage orientation user friendly aspect ratio iQ. what is box steating sizzing An sizzing is a CSS property that allows us to control how the width re height of element are calculated using it can run our application according to the various sizes. based on device syntax can be written using the Media followed one or more feature Common Media features width height to Make webpage orientation user friendly aspect ratio iQ. what is box steating sizzing An sizzing is a CSS property that allows us to control how the width re height of element are calculated space around, stretch 7 specifies how much item should grow relelative to oth. item in container 8 flex shrisk specifies how much item should shrink relative to item in container PO flex basis specifies initial size of a R flea item along 19 flex shorthand for flexshirnk, 2 flex basis consined R, Specifies order of a free item relative to other flex item Ub) Q Grid u its CSS grid layout is a two dimensional layort us for web that, allows to wrate System complex grid based layout with case justify Litems start, end 9 center 9 stretch, baseline align u jusify content start, end, space Let ween 9 center, arround 9 Spa Le evenly allig. content now gap _ px collam, 9 up gap xgleg space around, stretch 7 specifies how much item should grow relelative to oth. item in container 8 flex shrisk specifies how much item should shrink relative to item in container PO flex basis specifies initial size of a R flea item along 19 flex shorthand for flexshirnk, 2 flex basis consined R, Specifies order of a free item relative to other flex item Ub) Q Grid u its CSS grid layout is a two dimensional layort us for web that, allows to wrate System complex grid based layout with case justify Litems start, end 9 center 9 stretch, baseline align u jusify content start, end, space Let ween 9 center, arround 9 Spa Le evenly allig. content now gap _ px collam, 9 up gap xgleg grid item properties gred start grid axis grid now end: grid axis column start : grid axis end start : grid axis grid way : row start loow end ii grid colum Colunn start I column end grid area : row staut erow justify self : center I stieth align self 4 grid axis col 2 3 4 I was (1,2) (1,2) (1,4) (12) (2,3) (3,7) 2 (2,3) (2) (2,7) rous (192) (2,3) (3) 3 y grid item properties gred start grid axis grid now end: grid axis column start : grid axis end start : grid axis grid way : row start loow end ii grid colum Colunn start I column end grid area : row staut erow justify self : center I stieth align self 4 grid axis col 2 3 4 I was (1,2) (1,2) (1,4) (12) (2,3) (3,7) 2 (2,3) (2) (2,7) rous (192) (2,3) (3) 3 y
