Saturday, 17 March 2018

alignment in html with quick view on css

Alignment in html with quick view on css

Without CSS3, HTML5 is not yet perfect programming language to make the webpage perfectly aligned. For the alignment of the web pages we have to use the CSS language. We are here using it in HTML coding, otherwise we have to give a file name for css coding in <head> </head> tag of html and the .css file will be written and placed on another place. For beginners it is perfect way to understand what is going on in html and what are the changed made by using css3 coding.

alignment in html and quick view on css
alignment in html with css

See the html coding and css coding together :
<title>My Webpage</title></head>
body {background: yellow;}
h2 {background: pink; text-align: center;}
p {background: white; font-size: 12px; text-align: right;}
footer {background: green; font-size: 8px; text-align: center; color: white;}
div {background: pink; font-size: 7px; text-align: center;}
<h2>Background color and text alignment <br />
using HTML and CSS together </h2>
<p>This is the main body of the page, <br />
You can write any description or add <br />
the photograph, video or music <br />
and with the help of css (cascading style sheet) <br />
give the page a better look.<br />
See previous chapters, if find any difficulty in HTML tags <br/>
Link is : </p>
<footer>This is our email id .......... and this is phone number ........</footer> <br />
<div>Please subscribe the channel while watching video on youtube. Thanks. </div>

Output is given below: 

html and css tutorial background color and alignment
html and css tutorial for alignment

Try to use in your text editor and check it in your web browser. 
Please comment in comment box, if find any problem regarding this coding.

1 comment: