TECHNOLOGY FREAK

  Forms in HTML AND ITS ATTRIBUTES:-  • Forms are  very important part of any webpage for accepting data from a user. Form is collection of checkbox, radio button, textbox, submit button etc. (Data which user fill in it is called input) • Form in HTML are created with the help <form> tag. It is container tag with closing and opening tag.      Attributes used with form element. • <Form> tag can have following attributes         1. Name : It is used for assigning a name to a form.        2. Action : this attribute specifies a path or a location to submit data.        3. Method : It is used for  type of method in which data is submitted. This attribute has two values GET and POST.               i) GET method : The default method of submitting form data is GET in which all the data is displayed in URL of webpage. This method is not secure for submitting sensitive data. The number of characters in URL depends on browser.(that means it can have only limited char

  USING TABLE ATTRIBUTE TO CREATE TABLE IN HTML :-  • Rows and columns forms a table. In a html <table> tag is used to create table in a webpage.  • <Table> is container tag i.e. it has opening and end tag. It contains content. • Following tags are used to create table in html.    1. <table> :- it is used for creating a table in html.    2. <thead> :- it used for table header.    3. <tbody> :- it is used for table body.    4. <tfoot> :- it is used for table footer.    5. <th> :- used for table heading.    6. <td> :- used for table data.    7. <tr> :- used for table row.    8. <caption> :- used for caption. • Attributes of table tag in html :-   1. Border :- this attribute defines a border for table. It has value in number.   2. Bgcolor :- this attribute defines a background color to the table   3. Bordercolor :- this attribute defines color to the border.   4. Align :- it align table to the lef

Adding Images in webpage with Image tag :- • Image tag in html is used to import image in webpage.  • <img> tag is used to insert image in webpage and src attribute used to give web address of image. • It is also empty element means it doesn’t have end tag.  • Alt attributes helps during slow internet connection provides alternate text. • Syntax of image tag is :-  <img attributes=”img location” /> • Some popular image extensions are as follows :- 1. JPEG (joint photography expert group):- .jpg  2. PNG ( Portable Network Graphics) :- .png

    Linking one page to other in HTML using anchor tag :-   • Hyperlink in html used to connect one website to another. (When we click on link a new link opens is known as hyperlink).  • Hyperlinks in html created by anchor tag (<a>) and href attribute define path of particular link on web or a url. • By default color of hyperlink is blue before visiting link and turn purple after visiting link. • HTML link structure is  <a href= “url"> content </a> • Anchor tag also has attribute target, which is used to open link on certain target. target attribute has following values with syntax target="_value"   Note:  Top value of target attribute opens link in a top of the window.

 What are Inline and block elements in HTML ? :-  • Block-level elements :- Block elements creates a horizontal boundary block.  It always start on new line and take full width on screen.  Some examples are <div>, heading elements, <p>.                          • Inline-level elements :- Inline elements do not creates a horizontal boundary block.  This elements do not start on new line. Some examples are <span>, <img>, <a>, etc.

  How To Use Colors In HTML? :-  HTML colors are used to design the text and background color.  Colors in HTML are assigned by their name, HEX color value, RGB color value.   This are some important color and their values in HTML.

 What is Line Break in HTML? :-  This element produces break in line and it is denoted by </br>. In current version HTML5 There is no need to put slash for line break and represented as <br>. It is an empty element i.e. it don’t have end tag. Output :- What is Horizontal Rule in HTML? :- This element produces horizontal line and it is denoted by <hr/> It is also an empty element i.e. it don’t have end tag. Attributes of Horizontal rule tag are style, color. Style attribute used for width and height. Width and height value can be in percent (%) or pixels (px).     Output :-   Attributes  Output:-

  How Paragraph Tags used in HTML? :-  Paragraph tags are used to group sentences in the one paragraph.  It is denoted by <p> tag. It is a container tag i.e. it has start and end tag. It contains a content. It is a block level element (always start on new line and creates its horizontal block). Paragraph tags also have attribute style, used to design text inside this tags.              Output is :-     HTML Responsive :-       To make webpage responsive (adjust size according to device screen) following code is used in head tag. It is important for any webpage to display properly according to device width.

  How to use  Headings Tags in HTML? :-  HTML headings used for defining heading in HTML document .  There are six level of headings (h1 to h6). h1 tag defines highest level of heading and h6 tag defines lowest level of heading.  Heading tag also have a attribute align with value left, right, center. It has opening and ending tag that means it is container tag. Following code will explain six level of heading in HTML :-                                           Output:-           

  What is an Attribute ? :  An attribute defines property for an element, consists of value or name, and appears within element's start tag. HTML elements can have many attributes. Attributes add more information to the HTML document. An HTML attribute contains attribute name, equal to sign and value. HTML styles :- this attribute used to style HTML element by changing default values. (We will learn each and every attribute of HTML elements later in more depth) Some Basic attributes in HTML : 1. Lang attribute of HTML define language for a HTML document. 2. Id and class attributes give reference to HTML elements. Many elements can have same class but ID attribute is only for unique HTML element. How to do Comments in HTML? :- Comments are text, files inside a code and are not displayed on browser. An HTML comment starts with <!- - and ends with - ->.                                   (OUTPUT) ( As you see in a code comment is not displayed in browser but it is in a sour

  What are the Text Formatting Elements in HTML  : Text formatting elements are used to make beautiful or to design the HTML document. (This tags are used to made attractive webpages but not recommended because CSS is used for the purpose of styling webpage rather than using text formatting tags). Following are some Text Formatting Elements: Let's understand each and every text formatting elements through HTML code :-  For now just ignore </br> tag in the code.  

  WHAT IS HTML AND WHY IT IS USED :  HTML stands for Hypertext Markup Language. HTML forms a basic structure for any websites. HTML is standard language used for creating a website. It is necessary for anyone who want to build a website. HTML file has a extension .html. HTML file can be created in any text editor and executed in web browser. HTML5 is current major version of HTML Basic structure of HTML file given bellow: HTML tags are element names enclosed with angular brackets. Tags are not case sensitive. HTML page is enclosed within <html></html> tag. HTML page mainly contains following syntax. Html elements mainly contains  opening tags, content and closing tags. HTML tags are of two types : • Container tags : tags which have opening and closing tags are called Container tags. This tags contains content. This tag can also contain other tags.  Eg. <body></body> • Empty tags : tags which don’t have end closing tags are called Empty tags. This tags don