Posts

Showing posts from May, 2020

Div, Header, Footer and Main

-
Different Divisions In HTML Div:     The  Division can be done by <div> tag. Right now the page may look similar with or without        using the div tag, but when we start CSS it will mean a lot.     The  <div> tag has its closing tag as </div>     The div tag is used to make division of a page. eg:          <div>          <p>Hi! this is division for example</p>     </div> Header: The header division is to be done on head of the webpage. about, contact, main are the information are to be defined in a header tag. The header tag has its closing tag as </header>     eg:          <header>               <p> Hi!, This is Header division</p>          </header> Footer: Footer tag is same like header divisio...
Post a Comment
Read more

Adding Links in HTML

-
Adding Links- To add links in a HTML file we use <a href=" "> tag. The link URL is to be written in the " ". Here href is an attribute to a which takes URL as an argument. The <a> tag has its closing tag as </a> We use a text before closing the <a href> tag. This tag is to be displayed on the web page. Clicking on the link will take us to the desired website. eg:         <a href ="https://www.google.com" > Go to google </a>     Here is an example how you add link to your website. The text Go to google will be displayed on the website page. Clicking on this text will take you to the URL " https://www.google.com ". Adding a Email link to website- To add a email link to website will take an attribute "mailto:" in <a> tag. mailto will take argument as your mail. eg:               <a href = " mailto: hidden@gmail.com">email me </a> The text  "email me" will...
Post a Comment
Read more

Adding Images in html

-
Adding Images In HTML To add images we use the img tag followed by src attribute. We will discuss about attributes later.       NOTE- img tag doesn't contain a closing tag. Syntax- < img src ="your image URL here" alt ="alt text to display"> In src attribute we give the URL of our image. Writing alt attribute is not necessary. alt attribute text displays if the image fails to load. eg:       <img src="http://imgur.images.ighdhsa67x" alt="the donut in hands"> if the image fails to load due to network issues or something, the alt text "the donut in hands" will be displayed in browser. The images also can be added in lists. they can be added in both ordered and unordered list. For this we only has to give images with <li>......</li> tag. eg:  <ol>                    <li><img src="image URL" alt="alt text"></li>           ...
Post a Comment
Read more

HTML list and comments

-
                             Lists in HTML  The lists in html are of two types-   Ordered Lists  Unordered Lists     Ordered List - Ordered list can be defined by using tag as <ol>.......</ol>. Ordered tag <ol> must be closed by its closing tag </ol>. Unordered Lis t- Unordered list can be defined  by using tag as <ul>.......</ul>. Ordered tag <ul> must be closed by its closing tag </ul>.        Note- The elements of list must be defined under the <li>.....</li> tag. <li> tag must be closed after every element of the list by </li> closing tag. eg:       <ol>             <li> First ordered </li>             <li> Second ordered </li>        ...
Post a Comment
Read more

Introduction To HTML

-
HTML - Hyper Text Markup Language HTML is used by  browser to manipulate text, images and other content to display it in required format .  HTML is created by  Tim Berners-Lee .    A HTML file can be created by- Text-Editors (Notepad) Atom Sublime-texts Visual Studio Code eg: Basic HTML document- <!DOCTYPE html>    #defines the type of the document. <html>      #your code start from here.      <head>    #defines head in html          <title> MY WEB PAGE </title>  #Defines the web page name .     </head>    #closing of head.            <body>    #defines the body of a site .                                      <h1> Here is the heading you want to give </h1> ...
Post a Comment
Location: Jaipur, Rajasthan, India
Read more