Labels

HTML and CSS - 02

 Hey guys, If you could not find my previous post on HTML and CSS, here it is.

https://ravindatechreviews.blogspot.com/2018/06/html-and-ccs-01.html

So, Let's create our own web page. 

You can use your favorite IDE. even the simple NotePad would be fine.


See I have written a simple structure of a web page that can be saved as .html file and can view via your favorite browser.  
Yes, it is simple. I will describe the sections I've mentioned in the image. 

1. with this line we tell the system that this document/file is an HTML file. 

2. start of the HTML file

3. head tag which contains information regarding the web page. (in later this series, we will do a lot of things here. just be patient 😉

4. body tag, here lies the content. 

So just save this and open it in your favorite web browser. 

So, now you know the simple structure of a web page. Before going to more on head tag, let's play around more on the body tag. 

You want headers subheaders, paragraphs in content. So here I'm using <h1> tag and the <p> tag inside the body.

=============================================

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>My page title</title>

</head>

<body>

<h1>This is header</h1>

<h2>This is header</h2>

<h3>This is header</h3>

<h4>This is header</h4>

<p>This is Paragraph<p>

</body>

</html>

=================================================

see the output.


So now you know how these h and p tags help to decorate the content. Ok, Make your own good content with only these tags for now. let's learn more tags in the next post. 
keep in touch. 😀





Labels:

Comments

Post a Comment

Popular Posts