LEARN HTML WITH A NEWBEE

#01

This is krish a 'newbee' learning html. In this blog I'll try my best to share everything that I learn each day.

what are the apps/web pages needed for learning html?

  • visual studio code (we will code in this app)
  • w3schools.com( learn the basics here it is easy and simple)
where should I start ?
step 1 - open file explorer and created a folder in an empty (nearly empty ) local disk
            (preferably name it(folder) as learning)
step 2 - open that folder in visual studio code , the folder will appear at the left side of the screen if they don't press ctrl+B
step 3 - mouse over the folder you will see four icon, click on the very first icon to create new file 
step 4 - create files for each lesson given in the w3schools , in the form of ' filename.html '
            e.g: introduction.html,basic.html,elements.html........etc

Note: 1.Once you typed the filename.html and click enter they will save .
         2.we save it in the form of  blabla .html to tell the browser that it is a web page 
 
TIPS: click the settings icon at the bottom left corner click settings and search for auto save and choose  autodelay and search for formatting and tick the check box that says format on save.

 AND THAT'S IT .  

  • Now open w3schools.com and click on html and start with the introduction lesson . WORKOUT each examples given in that lesson in the visual studio code .

How to see my output ?

  • you can see the output by opening the introduction.html file in the learning folder in file explorer . 
  • The output appears only if the file is saved in the visual studio code .

once you complete it go on with the next lessons and create a home page for these lesson

How to create a home page and  use it ?

create a new file that says home.html and use the anchor tag to create hyperlinks that leads to the intoduction.html,basics.html....and whatever lesson you learn.Once you did that you don't have to view the output by clicking each file. Instead you've to just open the home.html in the file explorer and click each hyper link to view the output of each lesson

FORM -

<start tag attribute="css property : css value ">content</end tag>

DOWN HERE I SHARED SOME TAGS AND ITS USES THAT I'VE LEARNED

<h1>- heading tag

<p>-paragraph tag

<hr>-horizontal rule (adds a line  )

<br>-line break 

(continuous aah iruka paragraph aah  break panna intha tag use pannanum)

<center>-center tag

this tag is used to centerise content with in it 

<a>-anchor tag

(this tag is used to add links in your web page using the attribute ' href ' )

<img>-img tag 

(this tag is used to add image in your web page using the attribute ' src ')

<span>

this tag is used to style a particular word in a paragraph and they will not start in a new line

<div>- division tag

this tag is collective tag -used to add style,text align...etc entirely.,i.e for one or more paragraph , heading and whatever tag that lies with in the  division tag

unlike span tag, they will start in a new to line 

attribute:

href ,style ,title...


NOTE: 
  •  Every tag has an end tag if it contains content with in it ( hence <html>, <p>..has end tags like </html> </p> while <hr> <br> doesn't have end tag ) 
  • &lt; and &gt; are used as escape characters for < and >  i.e the tag like content appears at the output if and only if the browser sense it as an content and not as an tag
      for example,
    input : <p> &lt;h1&gt; </p>
    out put: <h1>
 


Comments

Post a Comment

Popular posts from this blog

LEARN ABOUT THE GIT AND GIT HUB WITH A NEWBEE

#02 This is krish a 'newbee' still learning about Git and Github . In this blog I'll try my best to explain whatever i know about git and github in the way I learned . What is git and github ? Git :  Git is a tool that helps us to track down the changes we made in  our codes by saving each changes in different versions . (For our understanding lets say the unchanged code as version 1 and the 1st changed or edited code as version 2 .)      It will be saved locally i.e.,within the computer  Git doesn’t save your work automatically — you have to tell it when to save a version. Here’s how it works: You make changes to your files (like editing code or adding new files).    2.You tell Git to save those changes by giving the command in the git bash . The command: git commit -m "your message here" Git will then save a version of your project. You get to decide when to save (or commit ) your work! Github :  Github is a web source where we sto...
Read more