Website Development (HTML)

-

Types of application 1) web application (website) -It run inside the browser. For example www.google.com, www.facebook.com 2) desktop application (standalone application) -It run standalone and outside of browser. For example notepad, powerpoint 3) mobile application -It run inside mobile For example whatsapp, instagram


HTML : It is used to create web application (or say to create website)

HTML is based on tags.

Example 1:-

<html> 

<header><title>Aleena's website</title></header>

<body>

<h1>Aleena Bagwan</h1>

<h2>About</h2>

<p>I am Aleena.</p>

<h2>Education</h2>

<p> I am in 7 grade.I study in Podar International School.</p>

<h2>Family</h2>

<p>My father is civil engineerr.</p>

<h2>Address</h2>

<p>I live in Navi Mumbai, Nerul.</p>

</body>

</html>




What is ATTRIBUTE : It is used to avail extra value to TAG

For example <h1 id="aleenaID"></h1>

For example <a href="https://aleenabagwan.blogspot.com/">Visit Aleena Blog</a>



How to open DEBUGGER took (Chrome DevTools) : Right click -> inspect


Top Browsers :-

  1. Chrome (by google)
  2. Mozilla Firefox (mostly used in Linux operating systems)
  3. Internet Explorer (by Microsoft)
  4. Safari (by Apple)
  5. Opera


Example image and video tags

<img src="C:\Users\bagwa\Pictures\beauty.jpeg" height='400px' width='400px'></img>

<iframe width="420" height="315" src="https://www.youtube.com/watch?v=7bIB39r2QBU"</iframe>



Example of table

<table> <tr> <th>Firstname</th> <th>Lastname</th> </tr> <tr> <td>Aleena</td> <td>Bagwan</td> </tr> </table>




Example how to create a components

<html> 

<header><title>Aleena's website</title></header>

<body>

<h1><i>Contact Form</i></h1>

<form>

<label>Username:</label>

<input type="text">

<br></br>

<label>Password:</label>

<input type="password">

<br></br>

<input type="radio" name="gender" id="male">

<label for="male">Male</label>

<input type="radio" name="gender" id="female">

<label for="female">Female</label>

<br></br>

<input type="checkbox" name="sports" id="soccer">

<label for="soccer">Soccer</label>

<input type="checkbox" name="sports" id="cricket">

<label for="cricket">Cricket</label>

<input type="checkbox" name="sports" id="running">

<label for="running">Running</label>

<br></br>

<label for="file-select">Upload:</label>

<input type="file" name="upload" id="file-select">

<br></br>

<label for="city">City:</label>

<select name="city" id="city">

<option value="sydney">Sydney</option>

<option value="melbourne">Melbourne</option>

<option value="mumbai">Mumbai</option>

<option value="cromwell">Cromwell</option>

</select>

<br></br>

<label for="address">Address:</label>

<textarea rows="3" cols="30" name="address" id="address"></textarea>

<br></br>

<input type="submit" value="Submit">

<input type="reset" value="Reset">

</form>

</body>

</html>













Comments

Post a Comment

Popular posts from this blog

Unix like operating system

-
Image
Unix is an operating system. It was developed in the 1970s at the  Bell Labs  research center by  Ken Thompson ,  Dennis Ritchie , and others.    Today there are more than 400 standard operating systems based on unix operating system (They are called unix like operating system) such as Linux,  Redhat,  Ubuntu,  Fedora,  Kali,  Macintosh,  and more.  Its mean if you know any one unix kernel based operating system you can operate all 400 standard operating systems. Unix commands ls  : To list all folders and files of current directory ls -l  : To list all folders and files of current directory with more details (with permissions and stuff) mkdir  : To create an new directory in current path touch  : To create a new file rm <YourFileName>  : To delete your file rm -rf <YourDirectoryName>  : To delete your complete folder   cd  : To change directory (go to inside a ...
Read more

Website Event Handling (JavaScript)

-
  JavaScript : It is used for EVENT HANDLING There are two ways to use it. 1) Write function in HTML file itself. For example <html>   <head>   <script type="text/javascript" src="message.js"> function msg(){   alert("Hello Javatpoint");   }   </script>   </head>   <body>   <p>Welcome to JavaScript</p>   <form>   <input type="button" value="click" onclick="msg()"/>   </form>   </body>   </html>   2) Write JavaScript code in separate file and import it into HTML. For example aleena.js ---------- function msg(){    alert("Hello Javatpoint");   }   aleena.html ----------- <html>   <head>   <script type="text/javascript" src="aleena.js"></script>   </head>   <body>   <p>Welcome to JavaScript</p>   <form>   <input type="button" v...
Read more

C Language

-
Image
Programming Languages ---------------------------------- Programming langauges are used to develop software applications (e.g. facebook, whatsapp, banking application etc) There are many programming languages like C, C++, Java, Python and more. Those who work on programming languages are called Software programmer or Software developer C language ========== -mother of all langauges -Denies Ritche -1972 Example (hellowo rd.c) #include   <stdio.h> void   main () {      printf ( "hello aleena" ); } Example : what is variable ? Example variable and datatype #include <stdio.h>      void   main (){          int   age = 12 ;      float   percentage = 76.99 ;      char   name []  = { 'a' ,  'l' , 'e' , 'e' , 'n' , 'a' };           printf ( "Name = %s" ,...
Read more