Posts

Showing posts from August, 2020

HTML CODE PART 5

-
Image
 CREATING A TABLE IN HTML TABLE  An HTML structure for creating rows and columns on a Web page. The Table tag defines the overall table and the Table Row (TR) tag is used to build each row. The Table Data (TD) tag defines the actual data. EXAMPLE CODE <html> <title>web page</title> <head><center><h1>excercise 13</h1></center></head> <center> <table border="1"><B> <tr> <th>NAME</th> <th>BRANCH</th> <th>DOB</th> <th>REGESTRATION NUMBER</th> <th>YEAR OF ADMISSION</th> </tr> <tr> <td>ADDAVIYA</td> <td>mechanical</td> <td>22/03/2002</td> <td>202me1821012</td> <td>2018</td> </tr> <tr> <td>ARJUN</td> <td>commercial pratice</td> <td>23/03/2002</td> <td>202cp14458013</td> <td>2018</td> </tr> <tr>
Post a Comment
Read more

HTML CODE PART 4

-
Image
HOW TO MAKE ORDERED & UNORDERED LIST IN HTML What is a list? A record of short pieces of information, such as people's names, usually written or printed with a single thing on each line and often ordered in a way that makes a particular thing easy to find. There are two types of lists.... Ordered list  Unordered list Ordered list   ordered list is a list consisting of numbers, alphabets , roman numbers and many more ... these are very systematic and looks good to see it also helps to keep the records of the list..   Unordered list  unordered list is a list consisting of bullets, shapes , squares , rectangle and many more these and very much similar as ordered lists...  EXAMPLE CODE <html> <title> web page</title> <head><center><h1>excercise 12</h1></center></head> <body> a]excercise  <ul type="dot"><h3> <li>computer science</li> <li>civil engineering</li> <li>commerci
Post a Comment
Read more

HTML CODE PART 3

-
Image
  ADDING AN IMAGE IN HTML An image is a visual representation of something. In information technology, the term has several usages: 1) An image is a picture that has been created or copied and stored in electronic form. An image can be described in terms of vector graphics or raster graphics. An image stored in raster form is sometimes called a bitmap. An image map is a file containing information that associates different locations on a specified image with hypertext links. Common image file formats online include: JPEG (pronounced JAY-peg) is a graphic image file produced according to a standard from the Joint Photographic Experts Group, an ISO/IEC group of experts that develops and maintains standards for a suite of compression algorithms for computer image files. JPEGs usually have a .jpg file extension. GIF (pronounced JIF by many, including its designer; pronounced GIF with a hard G by many others) stands for Graphics Interchange Format. The GIF uses the 2D raster data type and i
Post a Comment
Read more

HTML CODE PART 2

-
Image
USING DIFFERENT TYPES OF FONT STYLES IN HTML   BOLD A set of type characters that are darker and heavier than normal. A bold font implies that each character was originally designed with a heavier appearance rather than created on the fly from a normal character. ITALICS It may be difficult to imagine, but before the use of computers, nearly every document or publication was handwritten or hand set using letterpress (movable type), followed by mechanical typesetting and phototypesetting. In the 21st century, it's easy to italicize individual words and phrases when keyboarding documents. An italic font is a cursive, slanted typeface. A font is a specific size, style, and weight of a typeface used in printing and writing. When we keyboard text, we typically use a roman font, where the text is upright. By comparison, an italic font is slightly slanted to the right, as shown here Organizations, like the American Psychological Association (APA) and the Modern Language Association (MLA)
Post a Comment
Read more

HTML CODE PART 1

-
Image
ALIGNING THE WORDS. In this example we are going to see the different types of alignments and we will learn how to use them..... WHY ALIGNMENT IS USEFUL IN WEB DESIGN? Alignment is one of those things that comes hand-in-hand when working with grid systems. The subject of alignment isn’t simply a matter of choosing whether or not you want to align text or images to the left or right of a design (though those decisions obviously still matter), instead, we employ alignment to improve our designs. Proper alignment in your designs will make them visually more appealing and will also make it easier for users to scan over a page, sub-consciously also offering a calmer reading experience. All of the elements in your design will have to be aligned in some way, whether this is just plain text on your page, images mixed within the text (or even header or hero images), videos, buttons and call-to-actions, links (within the text or in modules such as a navigation section) or any other elements you
Post a Comment
Read more

ADDING A LINK IN HTML PAGE

-
Image
In html a link can be added using href tag  using href tag we can give the link to an external page and we can redirect from one page to another page . here is the code of the html page which redirects to another page code <html> <head><h3><center>excercise7</center></h3></head> <title>hyperlink</title> <body> <p align="cenetr"> <a href="excercise 5.html"><h1><center>click here for more images</center></h1></a href> </p> </body> </html> output after clicking on link
Post a Comment
Location: India
Read more

INFORMATION ABOUT INTERNAL AND EXTERNAL LINK IN HTML

-
Image
  LINKS LINK: links are the structures which connects us to the web of internet  links are like vines which are called blood carrying vessels in our body links also act as the same  links connect us to the different parts of the internet and world wide web  uncountable links are generated everyday its so much in large quantity that we cannot keep the track of how many links are generated every day. In html there are two types of links  1) internal links. 2) external links. Internal links  An  internal link  is a type of  hyperlink  on a web page to another page or resource, such as an image or document, on the same website or domain.  External links An external link is a link which helps us to reach to another website of the another domain and we can switch form one website to another. Href tag The href attribute specifies the URL of the page the link goes to. Tip:   You can use href="#top" or href="#" to link to the top of the current page! If the href attribute is
2 comments
Read more

CODE FOR THE FOLLOWING LOGIN PAGE

-
Image
CODE <html> <style> .h1{     color: white;   } .h1{        font-size: 50px;      } .h2{         color: white;         font-size:40px;       } .h3{         color:white;         font-size:30px;       }  #box-1 {     background: linear-gradient(100deg, #CCFFFF, #FFCCCC);     width: 20%;     height: 45%;     filter:blur(-1px);   } .hi{             color: blue; } .h6{        color: blue;        font-size: 15px; } } </style> <body style = "background: url(https://htmlcolorcodes.com/assets/images/html-color-codes-color-tutorials-hero-00e10b1f.jpg); background-size: 100% 100%;"> <div> <h1 class="h1"> <b><center>WELCOME TO OUR XYZ WEBSITE</center></b></h1></div> <h2 class="h2"><b><center>ALREADY HAVE AN ACCOUNT</center></b></h2> <h3 class="h3"><b><center>SIGN IN !!!</center></b></h3> <br> <br> <br&g
Post a Comment
Location: India
Read more

CREATING A LOGIN PAGE IN HTML

-
Image
LOGIN PAGE login page is the page where we enter our information to a particular page or an application login page consists of  name of the website  content box text enter box password entry box  radio buttons  check boxes submit button  and the link to the main or sub page these are the factors considers when we create any login page  you can find how to create all the above factors in the earlier posts  THIS IS THE EXAMPLE OF A LOGIN PAGE  MADE BY ME IF YOU ALL WANT THE CODE OF THIS PAGE PLEASE COMMENT ME IN THIS POST
Post a Comment
Read more

CREATING A SUBMIT BUTTON

-
Image
CREATING A SUBMIT BUTTON Submit button is used to submit the information relating to the specific page or to the specified form  this is the main button of the information page . 1) Every Form should have one -- eventually you will need to send the data from the form. 2) The  type  attribute  ``SUBMIT''  is used to indicate a submit button. 3) The simplest input button is produced by: <input type = "submit"> This creates the following button: 4) You can change the name of the button with the  VALUE  attribute. For Example Several buttons may be included in a form and by including a  name  attribute the CGI script can check this with the  value   to see which button was pressed. More on this in CGI script sections later. For Example: <form> <input type="submit" name = "left" value = "left"> <input type="submit" name = "right" value = "right"> <input type="submit" name = &qu
Post a Comment
Read more

ADDING A CHECKBOX IN HTML

-
Image
ADDING CHECKBOX IN HTML. checkbox A  checkbox  ( check box ,  tick box ,  tick box ) is a  GUI widget  that permits the  user  to make a binary choice, i.e. a choice between one of two possible mutually exclusive options. For example, the user may have to answer 'yes' (checked) or 'no' (not checked) on a simple yes/no question. Check boxes are shown as ☐ when unchecked, or ☑ or ☒ (depending on the GUI) when checked. A caption describing the meaning of the checkbox is normally shown adjacent to the checkbox. Inverting the state of a checkbox is done by clicking the mouse on the box, or the caption, or by using a  keyboard shortcut , such as the  space bar . HOW TO CREATE CHECKBOX IN HTML checkbox is very simple to create it is as simple as radio button and text box so first we have to use label tag and specify its name. then use the input tag and specify type as checkbox  and close the input tag. EXAMPLE  OUTPUT
Post a Comment
Location: India
Read more

ADDING A RADIO BUTTON IN HTML

-
Image
ADDING A RADIO BUTTON IN HTML Radio buttons are the simple buttons which help us to choose the options between to..... A  radio button  or  option button  is a  graphical control element  that allows the user to choose only one of a predefined  set  of mutually exclusive options. The singular property of a radio button makes it distinct from a  checkbox , which allows more than one (or no) item to be selected and for the unselected state to be restored. Radio buttons are arranged in groups of two or more and displayed on screen as, for example, a list of circular holes that can contain white space (for unselected) or a dot (for selected). Each radio button is normally accompanied by a label describing the choice that the radio button represents. The choices are  mutually exclusive ; when the user selects a radio button, any previously selected radio button in the same group becomes deselected (making it so only one can be selected). Selecting a radio button is done by clicking the  mou
Post a Comment
Location: India
Read more

ADDING A PASSWORD TEXT BOX

-
Image
ADDING A PASSWORD TEXT BOX Adding a password text box is as similar as adding a simple text box only we have to change few words in input tag so the syntax of input tag is <input type="password" placeholder="password" size="50"> EXAMPLE CODE OUTPUT
Post a Comment
Read more