HTML
Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts
HTML & CSS TUTORIAL-6

HTML & CSS TUTORIAL-6

21:03 Add Comment

ANCHORS


ANCHOR TAGS ALLOW US TO CONNECT ONE PAGE TO ANOTHER


consider the following code:-

<html>
  <head>
    <title>my first website</title>
  </head>
  <body>
   <p>visit me at <a href="......". target="-blank">my website</a>. <p>

  </body>
</html>

DESCRIPTION:

after href in "" you must add the link of the webpage you want to connect with. and after target in the "" mark if you write _blank then the link will be opened in a new tab if you leave it blank then the link will be opened in the same tab. this will allow you to connect two or more pages together

HTML & CSS TUTORIAL- 5

HTML & CSS TUTORIAL- 5

19:50 Add Comment

BLOCKQUOTES


consider the following code:-

<html>
  <head>
    <title>my first website</title>
  </head>
  <body>
  <blockquote>
    <p> hard work is the key to success </p>
  </blockquote>

  </body>
</html>


comments on code:-

the result of above code will be same as the result without blockquote tag. but we use blockquote tag so that we can use the styling for further decoration. and it helps the user during viewing the source code to understand that, actually it is a blockquote.. we will learn styling in further classes.. thank you
HTML&CSS TUTORIAL-4

HTML&CSS TUTORIAL-4

18:23 Add Comment
IN THIS TUTORIAL WE WILL LEARN ABOUT VARIOUS HEADINGS USED FOE VARIOUS PURPOSES LIKE HEADINGS ,SUBHEADINGS, SUS-SUB-HEADINGS AND SO ON...

IN HTML WE HAVE 6 HEADINGS HAVIND DIFFERENT FONTS...

consider the following code:-

<html>
  <head>
    <title>MY FIRST WEBSITE</title>
  </head>
  <body>
    <h1>hello world</h1>
    <h2>hello world</h2>
    <h3>hello world</h3>
    <h4>hello world</h4>
    <h5>hello world</h5>
    <h6>hello world</h6>
  </body>
</html>



OUTPUT IS LIKE:

hello world

hello world

hello world

hello world

hello world
hello world


HTML&CSS TUTORIAL-3

HTML&CSS TUTORIAL-3

18:12 Add Comment
IN THIS TUTORIAL WE WILL LEARN ABOUT PARENT-CHILD RELATIONSHIP AMONG VARIOUS TAGS IN HTML


CONSIDER THE FOLLOWING CODE:-

<html>
  <head>
    <title>my first webpage</title>
  </head>
  <body>
    <p>hello world</p>
  </body>
</html>

in the above code
html has two childs namely head and body. further head has a child title and body has a child paragraph.
HTML & CSS TUTORIAL 2

HTML & CSS TUTORIAL 2

19:13 Add Comment

In this tutorial we will learn about "how to create list of items?"


Types of list  :
      1. definition list
      2. ordered list
      3. unordered list

    1. definition list : it is used to create a list which has definition of its data                                  items, and explanation. It has two parts i.e. data term                                      and definition details.

    2. ordered list : it is used to create a list which has a particular order of its                              list items i.e. it contains the numbered list items.
   
    3. unordered list : it is used to create a list which has unordered list items                                   i.e. do not posses numbered list items.

CONSIDER THE FOLLOWING CODE:-

<html>
<head>
<title> creation of list</title>
</head>
<body>
<h5>toppers with rank are :</h5>
<ol>
<li>ram</li>
<li>shyam</li>
<li>arun</li>
<li>robin</li>
</ol>

<h5>student selected are :</h5>
<ul>
<li>ram</li>
<li>shyam</li>
<li>arun</li>
<li>robin</li>
</ul>

<dl>
<dt>definition list :</dt>
<dd>it is used to create a list which has definition of its data items, and explanation. It has two parts i.e. data term and definition details</dt>
</dl>
</body>
</html>


OUTPUT OF ABOVE CODE IS:-
toppers with rank are :
  1. ram
  2. shyam
  3. arun
  4. robin
student selected are :
  • ram
  • shyam
  • arun
  • robin
definition list :
it is used to create a list which has definition of its data items, and explanation. It has two parts i.e. data term and definition details
  
HTML AND CSS TUTORIAL 1

HTML AND CSS TUTORIAL 1

22:27 Add Comment

HTML & CSS BASICS..

  This is the basic HTML code which shows the "HELLO WORLD" on the screen


<!doctype html>
<html>
    <head>
      <title>My First Website</title>
    </head>
    <body>
      <h1>HELLO WORLD</h1>
    </body>
</html>



DESCRIPTION

  1. Write the above code in notepad or in any other text editor.
  2. save the file as .html file
  3. open the web browser (chrome or any other browser).
  4. drag your file on the browser page
  5. reload the page and you will get the output.


ABOUT THE CODE

  1. <html>…. </html>   this is a tag used to tell that the file is an html document. Anything in the code must be written in between the opening and closing html tag.
  2. <head>…. </head> this is used to provide heading to the webpage.
  3. <title>….</title> anything written in between the title opening and closing tag will act as the title of the webpage.
  4. <body>…. </body> it contains the things to be displayed on the screen.








     

Subscribe to: Posts (Atom)
Powered by Blogger.

Popular Posts