HTML Programming

HTML Programming (Hyper Text Markup Language )

Hyper - representing the next location. 
eg: about contact etc 
Text- collection of character no. and special symbols.
   
Markup- library that contains the definition of all tag. 

HTML Points

1. Code Based Language - based on code.(c , c++, java, html etc)

2. Form Based Language - Based on tools system. (.NET , framework, netbeans etc )
3. HTML cannot use any compiler , it directly operates on web browser.
4. HTML is not a case sensitive language (capital and small both are supported)

HTML Structure

Symbol :- < > (tags)

eg. <b>, <u> 

Types Of  Tags

1. Open Tag - tag symbol is used only one time < >
2. Closed Tag - Tag symbol is used 2 times <> </>
eg. <b> </b>
    <u> </u>

HTML Syntax

<html>
<body> 

all tags

 </body>
</html>

HTML Tags

  1. <font>:-IT is used to display information
  2. <hr>:-It is used to insert horizontal line
  3. <center></center>:-It is used to give center alignment to the text.
  4. <br>:-break row 
  5. <mark>:-highlighting any information
  6. <del>:-used for remove the information
  7. <h1 to h5>:- It is used to give heading 
  8. <ol>:-order list
  9. <ul>:-unordered list

Navigation 

Process for visit between multiple pages.
There are some types of navigation used in html 
1. Page to page Navigation
2. Page to url Navigation
3. Page to document Navigation
4. Page to API Navigation

All types of navigation are used to <a> - anchor tag 
API is communication between web page to social media platform

HTML Form

  • Form is a communication between user to webpage.
  • There are various form elements available like text fields, textarea fields, drop-down menus, radio buttons, checkboxes, etc.
  • All forms is to be create inside <form>.

HTML Form Controls

  • There are different types of form controls 

  1. Text Input Controls
  2. Checkboxes Controls
  3. Radio Box Controls
  4. Select Box Controls
  5. File Select boxes
  6. Hidden Controls
  7. Clickable Buttons
  8. Submit and Reset Button

Text Input Controls 

There are three types of text input used on forms 
Single-line text input controls − This control is used for items that require only one line of user input, such as search boxes or names. They are created using HTML <input> tag.
Password input controls − This is also a single-line text input but it masks the character as soon as a user enters it. They are also created using HTML <input> tag.
Multi-line text input controls − This is used when the user is required to give details that may be longer than a single sentence. Multi-line input controls are created using HTML <textarea> tag.

Example of HTML Form

<html>
<body>
<form>
enter your name <input type ="textbox">
<br>
enter your password<input type="password">
<br>
mca<input type="checkbox">
<br>
be<input type="radio">
<br>
<textarea>"write your message"
</textarea>
<br>
select your city 
<br>
<select>
<option>
Nagpur
</option>
<option>
Pune
</option>
<option>
Chandrapur
</option>
<option>
Raipur
</option>
<option>
Mumbai
</option>
</select>
<br>
<input type="button" value="submit">
<br>
<button>save
</button>
<br>
</form>
</body>
</html>

Output




Comments

Post a Comment

Popular posts from this blog

C# console applications

BASIC PROGRAM  1 using System; using System.Collections.Generic; using System.Linq; using System.Text; namespace basicprogramming {     class Program     {         static void Main(string[] args)         {             int a = 10;             Console.WriteLine("the value of a" +" " + a);             Console.WriteLine("this is my first consol program");             Console.WriteLine("welcome to my program");             Console.ReadKey();//break to output screen          }     } } BASIC PROGRAM  2: INPUT FROM USER using System; using System.Collections.Generic; using System.Linq; using System.Text; namespace userinputpro {     class Program     {         int a;         void accep...
Read more

DATATABLES

Image
 *****IMP DATA TABLE****** 1.it used to searchable gridview 2.it is pre defined library step 1:-save data table in project folder  step 2:-include following css inside the page step 3:-inclue the script in web page after the </form> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">     <title></title>     <link href="datatables/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css" /> <link type="text/css" rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css" />   <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>   <script type="text/javascript" src="https://cdn.datatabl...
Read more

MVC(MODEL-VIEW-CONTROLLER)

 *********MVC(MODEL-VIEW-CONTROLLER)********** Introduction 1.MVC is model view controller structure 2.It provide the layer architecturein dot net application 3.MVC is provide 4 specific component    i]dot net framework    ii]asp.net mvc    iii] webform    iv]IIS 4.mvc code is to be relies by mspl(microsoft public licence) 5.mvc is manage complexity of application 6.mvc provide light weight application 7.provide more interactive and responsive application 8.mvc is provide tdd(test driven development) *****WHAT IS MVC PATTERN***** a model view controller design pattern is prefer c,c++,java and c# mvc(model view editor previously) ****MVC Architecture***** model:-inside the model create only class view:-only used design section(UI) and work with html.extention:-.cshtml controller:-(coading)it handle communication from the user overall application(logic building).controller manage http url *****MVC Lifecycle***** application lifecycle:-work with...
Read more