All About Technology - Philiphacker.in
philiphacker
  • P
  • h
  • i
  • l
  • i
  • p
  • h
  • a
  • c
  • k
  • e
  • r
  • .
  • i
  • n
Search
Home
Whats New !

HTML FULL COURSE

html
HTML (Hyper Text Markup Language) means, its an programing language used to develop web contents.
SYLLABUS
• HTML TAG
• HEAD TAG
• TITLE TAG
• BODY TAG
• HEADER TAG
• PARA TAG
• BREAK TAG
• LINK TAG
• BUTTON TAG
• BOLD ITALIC UNDERLINE
• IMAGE TAG
• SPAN TAG
• DIV TAG
• ID AND CLASS
HTML COURSE

INTRODUCTION

Here i have used my own easy way to learn HTML in the same way i used to learn. Its not be professional way of teaching. But, i teach like as easy way as possible to get better understanding and happy learning. Just observe above given example to understand how tags works.

HTML TAG

Its used to start HTML code saying that its an html code treat it as html code whatever inside it and all the contents goes between it.

HEAD TAG

Its used to hold all heading items like title, css style codes, scripts , meta and more.. lets discuss about those detailly later for now it hold all heading items

TITLE TAG

Whatever you wrote between title tag will be shown as title of the webpage

BODY TAG

That's it header content is over for now. After header part that will be a body part. Body part hold main body content of the current page

HEADER TAG

h1 is called as heading one. Which means if you writting some content in your webpage it must had one topic as heading right.. That's where h1 tag used as heading tag. Also, there are 6 different header tags which are, h1, h2, h3, h4, h5, h6.. h1 display huge text, h2 display text smaller than h1.. same for all other size decrease from h1 to h6. h1 is very huge and h6 is very small.

PARA TAG

para tag is used to mention the paragraph. When you wrote "Apple" as topic in header and its content "Apple is a fruit" goes under paragraph tag.

BREAK TAG

You can notice above, between para 1 and para 2 there is a tag called br which is break. That used to create a line break which means the para 1 will be displayed in first line and para 2 will be displayed in second line. Break tag doesn't have seperate close tag. Its an stand alone tag.

LINK TAG

Link tag is also called as anchor tag its not only had open tag a and close tag a. After a there is an attribute called "href" used here. That, "href" gonna hold whatever the link you like to open when that link is clicked. The text between a tag will be used to display as text. In above example "click here" is used. When someone click that "click here" link it will redirect to www.philiphacker.in our home page.

BUTTON TAG

Its easy to create a button. Just button open tag and close tag whatever inside the button tag will be displayed as button name.

TEXT DECORATION

I hope from above example itself you understand what it mean. Its simply used to highlight the text in three differents way. There are more ways too. Check our css course to make more text decoration..

IMAGE TAG

Above I have given 3 different examples.
1) get image from locol drive on same folder
2) get image from local drive on different folder
3) get image from internet url link
Image file goes under "src" attribute..
Also image tag doesn't have close tag
Its an stand alone tag same like break tag we seen above.

SPAN TAG

You can use span to use any text or button or whatever you wish between it. It just make a place for that content wherever you place span tag.

DIV TAG

Division tag is used to make division between your contents like, Header division , middle division, page side division, footer division, content division, button division, like whatever you like you can divide it as division on any codes.

ID , CLASS AND TAG ON CSS

class , id and direct tags are used to use on css styles and java scripts. CSS used to make your HTML code colorful and design it as per your need. JS used to give actions to your HTML codes using scripts. They both use class and id to call the particular HTML tag. Alternatively you can also use direct tags to call. For more detailed understand after completing this HTML course with full understanding, check our CSS and JavaScript course. There its detailly explained.



Thank You






Hope you like this page. If you have any opinion, suggestion, doubts, queries or request related to this page feel free to message us on our WhatsApp or Telegram group.


Thank You











facebook_icon telegram-icon youtube_icon twitter_icon instagram_icon