Work with HTML And CSS!!
Hi guys, today we will learn about how
HTML and CSS work. The
HTML stands for Hyper Text Markup Language and it is used behind the scenes to
create the layout of website pages. Forget about fancy colors, images and
slideshows for a minute and think of a research paper that requires
introduction, body and conclusions. The intro is always at the top of the page,
the body is in the middle and the conclusion is below.
HTML formats are
used to set blocks of pages in table formats. The first is <header>, then
<body> and finally <footer>. HTML tag open the sections and the
backslash closes them. For example, all header information will be placed
between <header> and </ header> and all footer information is kept
between <footer> and </ footer>. From there, you can add variables
to each section while fitting.
<header width="250" height="100"> Header Image
</header>
The Number in the
HTML is equal to the pixels, so the header section of the code above will be
250 pixels wide and 100 pixels high. You can simple prepare an image in a
simple paint program of your system, save it, and use it in your header
section:
<header
width = "250" height = "100"> <img src =
"your-header-image.jpg"> </ header>
Then you can start with your body section: <body>
Developing a Website using HTML </ body>
Be sure to
eliminate your header section before starting your body section. If you have
not heard about CSS, Cascading Style Sheets, then you should start acquainting
with that language at the same time as both are in hand. CSS is used to change
the background color of your page pink, header section red, color of your link
blue, font size and colors of each section and more.
For example, CSS will
change all the <headers> text to be Times New Roman, while all the <body>
text is Arial. Also, when you create <table>
</ table>, the content will
be centered in each field. CSS coding is done on a separate document so that it
can control your entire website design from one page. For example, to change
the height of your header section you have to go in HTML part and have to
change it like this <header
height = "100"> and
also it will be easy for you. However, what if I have copied and pasted the
header on 500 other pages? Going into 500 pages does not mean going to change a
small piece of information.
CSS Page: header {Height: 100px;}
HTML page: <header> image </ header>
Now, each <header>
section of my website will be set at a height of 100 pixels. If I change it on
the CSS page it will also change on every page of my website. This is why it is
important to connect the two languages together
at the beginning of your project.
HTML is one of the
most basic languages that
you will ever going to learn in IT. But, without HTML code there would be no
web based application, so you have to learn it. The most important reason to
learn HTML is to create links, known as hypertext links. In common man
language, these are called anchor links. These are essential links that are
used to create back links for the purpose of SEO (Search Engine Optimization). SEO
area depends on back link, especially when they are naturally placed in
articles.
To make those back
links, HTML languages are
used. People who are working with affiliate marketing will also need to get
help from HTML so that they can put code in advertisements on their website. By
doing this, they will be able to check whether the affiliate ID is properly
included or not. Apart from this, it will allow them to make all the changes in
code such as changing code, colors and other things. You can do many different
things by learning the basics of HTML and CSS. With full control of the format
and experience of the website, you can create your website from scratch. You
can put your content, media and all other information anywhere on the website.
Conclusion:-
Do not overwhelm yourself with every
line of code in HTML and CSS, because before you know it, you will proceed to
more advanced coding languages like PHP. Whenever you need it, you can
use websites to find special lines of code online. Before diving into the code,
you should have prepared the original layout of what you want to make. Then
search, "HTML code to change header width" or "CSS code" to
insert a background image. If your code is not working, try not to be
frustrated, believe me that you are making a mistake. If you forget
"/" or ">" to close the tag, then your code will not
work.
No comments:
Post a Comment