Posts

Showing posts from 2020
-
Image
HTML Tutorial #6: Insert an image in HTML page. In the previous tutorial we have created a form using <form> tag further we will insert an image. How to insert an image in HTML element? => To create attractive web page we can use images in html element. An <img> tag is used to insert an image. In tutorial #3  we have seen about some tags in which <img> tag is empty tag. It does not require closing tag. <img> requires src and alt attribute. src: src attribute defines the source of an image. alt: alt attribute is used to specify the alternate text for an image.  * <img src="picture.jpg" alt="pic"> is a syntax to insert images.It should use inside <body> tag. Open your Notepad and type: <html> <head> <title> insert image </title> </head> <body> <img src="picture.jpg" alt="pic"> </body...
Post a Comment
Read more
-
Image
HTML Tutorial #5: Create a form.  In the previous tutorial we have created a table using <table> further we will create a form. What is form in HTML? => HTML form is a HTML element in which stores  information  of a user on web server. HTML forms contains different kinds of user inputs like name, father's name, email is, contact number. How to create form in HTML? => HTML form are created a form using <form> tag. Forms contain special element like input box, check box, radio buttons, submit buttons etc, Now, first we will create a form in which name, father's name and mother's name field. Open your Notepad and type:  <!DOCTYPE html> <html> <head> <title> Table </title> </head> <body> <form> Name: <br> <input type="text" name="name"> <br> Father's Name: <br> <input type="text" name="nam...
Post a Comment
Read more
-
Image
HTML Tutorial #4: Create a table in HTML   In the previous tutorial we knew about empty tags further we will create a table in HTML. Why we use table in HTML ?   => HTML table is an arrangement of data in columns and rows. In which information can be defined separately.     How to use table in HTML? => HTML tables are created a table using <table> tag in which the <tr> tag is used to create table rows, <th> tag is used to create heading and <td> tag is used to create table cell. Let's go in your Notepad and type: <!DOCTYPE html> <html> <head> <title> Table </title> </head> <body> <table border="1"> <tr> <th> table heading </th> </tr>  <tr>  <td> table </td>  </tr> </table> </body> </html> * border="1" is defined for border it can be any digits as you want to di...
Post a Comment
Read more
-
Image
HTML Tutorial #3: HTML Empty tags In the previous tutorial we have read about heading tags and some more tags further we will know Empty tag. What is empty tag? => In HTML which does not have a closing tag(< /br> ) are called empty element. So it does not contain content in between. Also it can be called self-closing tag(<br/>). The empty elements in HTML are as following : <area> area inside an image map <area/> <base> base URL/target (inside <head>)  <base/> <br> break <br/> <col> column <col/> <embed> embedding external <embed/> <hr> horizontal <hr/> <img> image <img/> <input> input field <input/> <link> linking <link/> <meta> page content <meta/> <param> pass the parameters <param/> <sourse> multimedia resourses <sourse/> <track> ...
Post a Comment
Read more
-
Image
HTML Tutorial #2: HTML Tags and elements In the previous tutorial we have created a simple static web page further we will know about some HTML tags.  First we should know about tags and elements. Don't be confuse about them tags are closing and opening like <p></p>. And element usually consist of closing and opening tag with the content inserted in between like <p> This is a paragraph. </p>. * Some of the tag is defined self closing tag that is called void(empty) element.  HTML Heading tags: These are HTML Heading tags  <h1> to <h6>. <h1>   <h2> <h3> <h4> <h5> <h6> Now you think it will continue like <h7>, <h8>, <h9> and so on. It it possible ? No, it's  not possible because it is not a valid element and all tags are predefined in HTML. Use of Heading tags  type in your notepad         ...
1 comment
Read more
-
Image
HTML Tutorial #1: Create your first Static web page. What is HTML? HTML stands for Hyper Text Markup Language, which is the most widely used language on Web to develop web pages. Basically, As its name suggests, HTML is a Markup Language which means you use HTML to simply "mark-up" a text document with tags that tell a Web browser how to structure it to display.  Here is a easiest way to create a simple web page. You do not need any special software or web server to this tutorial. I recommend that you start with notepad for writing and editing HTML files. STEP: 1 :  Press window button+R, write NOTEPAD and simply click OK button. STEP: 2 Type in the Notepad:            <!DOCTYPE html>            <html>            <head>            <title>First static page.</title>     ...
4 comments
Read more