Full Transcript

Are specific keywords that allow you to manipulate how the information in your web page will be displayed. HTML allows you to take control of what is displayed by the browser. What are tags? backbone of any HTML document Keyword surrounded by angle brackets that create the p...

Are specific keywords that allow you to manipulate how the information in your web page will be displayed. HTML allows you to take control of what is displayed by the browser. What are tags? backbone of any HTML document Keyword surrounded by angle brackets that create the page structures. NOTE: The letters used in tags are not case-sensitive. Classification of Tags PAIRED UNPAIRED TAGS TAGS PAIRED TAGS These tags come in pairs and are composed of an opening or start and closing or end tags. The closing tag is similar to an opening tag except the closing tag includes a slash before the keyword. PAIRED TAGS Example: Keyword ANGLE BRACKETS PAIRED TAGS Example: Opening / Start Tag My Biography Closing / Content End Tag Unpaired tags These are also called single tags or stand-alone tags because they do not require and end tag. These tags give definition to their content without an end tag Unpaired tags Some tags are only used to comment within the code and not for the browser to display. Structural Tags These tags are fixed and can be found in every HTML file. Structural Tags Example My Biography Content goes here. It is used to declare the type of document. It is used to identify the page as an HTML document. It is used to keep information about the web page. It is used to display the title of the web page and in the browser toolbar. It defines the document’s body. Majority of coding is placed here. Formatting Tags These tags are format the appearance of words and sentences in a web page. It is used to bold text. It is used to define a long quotation in HTML4 but it HTML5, it specifies a section that is quoted from another source. It is used to insert a single line break. It is used to align text in the center. This is not supported in HTML5, use CSS instead. It is used to render emphasized text. It is used to change the color of a few words or a section of text. This tag is not supported in HTML5, use CSS instead. It is used to show text in a particular font. This tag is not supported in HTML5, use CSS instead. It is used to change text size. 1 being the smallest and 7 the largest. This tag is not supported in HTML5, use CSS instead. to It is used to define the most important heading. H1 is the largest font size and H6 is the smallest font size. It is used to put a horizontal line. In HTML5, this tag defines a thematic break. It is used to italic text. Style sheets can be used for HTML5 to format this element. It is used to mark or to highlight some text. It is used to define a paragraph It is used to define a pre- formatted text. It is used to render text slightly smaller than the text around it. It is used to put a line right through the center of the text. This tag is not supported in HTML5. It is used to give strong emphasis to a text and is a phrase tag. In HTML5, defines important text. It is used to set the text as subscripts. It is used to set the text as superscripts. It is used to make text appear to have been typed by a typewriter. Not supported in HTML5. It is used to underline text. It is used to start a new line. Tips and Tricks Font color attributes can be a color name or hexadecimal number or rgb number. Hexadecimal color values palette You can visit http://www.w3schools.com/c olors/colors_names.asp rgb numbervalues You can visit http://www.w3schools.com/ html_colors.asp On the other hand, font face can only support system fonts installed in the computer where the web page is launched. It is better to use the default font in your computer such as Calibri, Times New Roman, Arial, and many more so that the text format will remain once the web page is launched in a different computer. PAGE 46 ACTIVITY 4.2: CREATING AN HTML FILE WITH FORMATTED TEXT THANK YOU FOR LISTENING

Use Quizgecko on...
Browser
Browser