[2024]Digital Global Overview Report 2024 Meltwater.pdf
Html Presentation Of Web Page Making
1. What is an HTML File? HTML stands for H yper T ext M arkup L anguage An HTML file is a text file containing small markup tags The markup tags tell the Web browser how to display the page An HTML file must have an htm or html file extension An HTML file can be created using a simple text editor
2.
3. Basic HTML Tags Defines a comment <!--> Defines a horizontal rule <hr> Inserts a single line break < br > Defines a paragraph <p> Defines header 1 to header 6 <h1> to <h6> Defines the document's body <body> Defines an HTML document <html> Description Tag
4. <html> <head> <title>Title of page</title> </head> <body> This is my first homepage. <b>This text is bold</b> </body> </html> Tag
5.
6.
7.
8.
9.
10. <BODY> Tag Attrib. The background color of the document. Deprecated. Use styles instead. rgb(x,x,x) #xxxxxx colorname bgcolor An image to use as the background. Deprecated. Use styles instead. file_name background Specifies the color of the active links in the document. Deprecated. Use styles instead. rgb(x,x,x) #xxxxxx colorname alink Description Value Attribute
11. Description Value Attribute Specifies the color of the visited links in the document. Deprecated. Use styles instead. rgb(x,x,x) #xxxxxx colorname vlink Specifies the color of the text in the document. Deprecated. Use styles instead. rgb(x,x,x) #xxxxxx colorname text Specifies the color of all the links in the document. Deprecated. Use styles instead. rgb(x,x,x) #xxxxxx colorname link
12. FONT tag Defines the size of the text in the font element. Deprecated. Use styles instead A number from 1 to 7. size Defines the font of the text in the font element. Deprecated. Use styles instead list_of_fontnames face Defines the color of the text in the font element. Deprecated. Use styles instead rgb(x,x,x) #xxxxxx colorname color Description Value Attribute
13. Text Formatting Tags Defines small text <small> Defines italic text <i> Defines emphasized text < em > Defines big text <big> Defines bold text <b> Description Tag
14. Deprecated. Use styles instead <u> Deprecated. Use <del> instead <strike> Deprecated. Use <del> instead <s> Defines deleted text <del> Defines inserted text <ins> Defines superscripted text <sup> Defines subscripted text <sub> Defines strong text <strong>
15. Citations, Quotations, and Definition Tags Defines a definition term < dfn > Defines a citation <cite> Defines a short quotation <q> Defines a long quotation < blockquote > Defines the text direction < bdo > Defines an address element <address> Defines an acronym <acronym> Defines an abbreviation < abbr > Description Tag
16. The Most Common Character Entities: " " quotation mark " & & ampersand & > > greater than > < < less than <   non-breaking space Entity Number Entity Name Description Result
19. FRAMESET tag Defines the number and size of rows in a frameset pixels % * rows Defines the number and size of columns in a frameset pixels % * cols Description Value Attribute
20. FRAME tag Defines the URL of the file to show in the frame URL src Determines scrollbar action yes no auto scrolling When set to noresize the user cannot resize the frame noresize noresize Defines a unique name for the frame (to use in scripts) frame_name name Defines the left and right margins in the frame pixels marginwidth Defines the top and bottom margins in the frame pixels marginheight Specifies whether or not to display border around the frame 0 1 frameborder Description Value Attribute
21.
22. List Tags Defines a definition description < dd > Defines a definition term < dt > Defines a definition list <dl> Defines a list item < li > Defines an unordered list < ul > Defines an ordered list < ol > Description Tag
23. Forms A form is an area that can contain form elements. Form elements are elements that allow the user to enter information (like text fields, textarea fields, drop-down menus, radio buttons, checkboxes, etc.) in a form. A form is defined with the <form> tag. The most used form tag is the <input> tag. The type of input is specified with the type attribute . <form> <input> <input> </form>
24. INPUT tag attributes Indicates the type of the input element. The default value is "text" button checkbox file hidden image password radio reset submit text type
25. Defines the alignment of text following the image. Note: Only used with type="image" left right top middle bottom align A comma-separated list of MIME types that indicates the MIME type of the file transfer. Note: Only used with type="file" list_of_mime_types accept Description Value Attribute
26. Defines a unique name for the input element. Note: This attribute is required with type="button", type="checkbox", type="file", type="hidden", type="image", type="password", type="text", and type="radio“ field_name Name Defines the maximum number of characters allowed in a text field. Note: Only used with type="text" number maxlength Indicates that the input element should be checked when it first loads. Note: Used with type="checkbox" and type="radio" checked checked Defines an alternate text for the image. Note: Only used with type="image" text alt
27. Defines the URL of the image to display. Note: Only used with type="image" URL src Defines the size of the input element. Note: Cannot be used with type="hidden" number_of_char size Indicates that the value of this field cannot be modified. Note: Only used with type="text" readonly readonly
28. For buttons, reset buttons and submit buttons: Defines the text on the button. For image buttons: Defines the symbolic result of the field passed to a script. For checkboxes and radio buttons: Defines the result of the input element when clicked. The result is sent to the form's action URL. For hidden, password, and text fields: Defines the default value of the element. Note: Cannot be used with type="file" Note: This attribute is required with type="checkbox" and type="radio" value value
29. TEXTAREA tag Specifies the number of rows visible in the text-area number rows Specifies the number of columns visible in the text-area number cols Description Value Attribute
30. Indicates that the user cannot modify the content in the text-area readonly readonly Specifies a name for the text-area name_of_textarea name
31. TABLE tag Defines a table footer < tfoot > Defines a table body < tbody > Defines a table head < thead > Defines the attribute values for one or more columns in a table < col > Defines groups of table columns < colgroup > Defines a table caption <caption> Defines a table cell <td> Defines a table row < tr > Defines a table header < th > Defines a table <table> Description Tag
32. “ num” pixel distance b/w border and content <CELLPADDING=“num”> “ num” space between each cell <CELLSPACING=“num”> “ number” pixel wide border <BORDER=“number”> Width of table Width Value is num Rowspan A num. To merge data of number of cells Colspan Rgb color code or name Bgcolor Top/bottom/middle/baseline Valign Left/right/center Align
33. Values to FRAME attri. LHS & RHS Vsides No side Void Right Hand side RHS Left hand side LHS Top and Bottom sides Hsides -----do------ Box All four sides Border Bottom side has single border line of each cell Below Top side has single border line of each cell Above
34. Values to RULES attri. All rows and columns All Rules between columns only Cols Rules between rows only Rows Cell border between cell groups and row groups only Groups No cell border None