Knowss programming

Posts

Tutorial 9 height and width property in css

Height and width property in css - Height - It is used to set height of element and you say it set the height dimension of the element syntax - height : 23px height Width - It is used to set width of element and you say it set the width dimension of the element syntax - width : 300px width CODE - <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>padding and margin</title> <style> .container1 { border: 2px solid red; height: 30px; width: 300px; } .container2 { border: 2px solid red; height: 205px; width: 400px; } </style> </head> <body> <p class="container...

Tutorial 8 Padding and Margin in css

padding and margin in css- Padding - It is used to make or say create space around inside the content from the border and it create space all side and you want space on specific side then it will create it and for specific side you have to write padding top , padding bottom , padding right or left. Syntax - padding: 23px; padding Margin - It is used to make or say create space around outside the content from the border and it create space all side and you want space on specific side then it will create it and for specific side you have to write margin top , margin bottom , margin right or margin left. syntax - margin : 22px; margin For better understanding see the draw photo - In this given picture you can understand the basic of padding and margin or you may be after seen this picture you clear your all confusion about padding and margin or if not go below and see the code here you will clear your...

Tutorial 7 font in css with HTML code

Font in css how its work - Font in css - we use font family in css for make is more attractive and to enhance its word looks we can do many things like change font and change size of font , make it bold , bolder etc more thing we use in it . also we can get font from net and link it in head tag for use syntax - font-family: verdana; Code - <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>font family in CSS</title>  <link rel="preconnect" href="https://"> <style> /* Font family in css how we use */ .container{ font-family: Verdana, Geneva, Tahoma, sans-serif; } .container1{ font-size:...

Tutorial 6 background in css

CSS Component explanation - NOTE - for more about this go to our youtube channel link 1. Background in css - background property used for changes in background and how we change simple background color and background images many more syntax - background-color : red; in given below we explain you background property through html code code - <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Background in CSS</title> <style> /* bacground property */ .container{ background-color: blue; } .container1{ background-image: url('img/image_name.jpg'); /*when you enter image cover background*/ } .container2{ background-color: ...

Tutorial 5 css color , border etc

Css components with explanation - NOTE - for more about this go to our youtube channel link 1. Color in css - it is predefined value in css where we set color through name, RGB code etc you can change color in border , background , font color etc syntax - color: red; code - <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>color in css</title> <style> .color1{ color: red; } .color2{ background-color: blue; } .color3{ border: 2px solid red; } </style> </head> <body>  <p class="color1"> Lorem ipsum dolor sit amet consectetur, adipisicing eli...

Tutorial 4 CSS explanation

Discuss about CSS - CSS - CSS ( cascading style sheets) we use it for making our document type HTML beautiful or look good and attractive css help us for making it we write css in in three ways inline , External , Internal it save our lots of work it can control layout of multiple web pages all at once . all the layout was controlled by css and their color combination , padding , margin all these type of thing are control by cascading style sheets css was very simple to understand and learn it was very useful and time saver for all web developer. Points - 1. It style core html 2. It gives style to your web page 3. Make website cool 4. We use it for structure our website 5. Take responsibility of website syntax - P { color : red ;} p - it is a selector color- it is a property red - it is a value for group selector :- p,h1,header { color : red ;} the way to add css in markup are - 1. Inline - Css added to the element directly us...

Html tutorial 3 ids , class in html and how we use them

Basic tags which left - Semantic tags - 1. article tag - article is self contained content we write article related content in this tag like blog , newspaper , etc. syntax - <article> article tag in html </article> 2. aside tag - some content was aside from its place and they place at the side of website like a small column box . syntax - <aside> this is aside tag </aside> 3. Header tag - it is place at top of the website or say as a head of the website and work as menu or navigation bar for web page . syntax - <header> this is header tag </header> 4. Footer tag - this tag was placed at the bottom of the web page and we can take our more detail in the footer and address contact number etc are present at footer syntax - <footer> this is footer <footer> what is means of &nbsp in html ? it is know as non breaking space we use it in line no space and it...