Topic 2 HTML Structure Part 1 PDF

TOPIC 2: HTML STRUCTURE PART I ISP465: INTRODUCTION TO FRONT- END DEVELOPMENT OUTLINES ▪ HTML Structure: Text ▪ HTML Structure: List ▪ HTML Structure: Table ▪ HTML Structure: Links, Objects & Images HTML STRUCTURE: TEXT ▪ One of HTML's main jobs is to give text structure so that a browse...

TOPIC 2: HTML STRUCTURE PART I ISP465: INTRODUCTION TO FRONT- END DEVELOPMENT OUTLINES ▪ HTML Structure: Text ▪ HTML Structure: List ▪ HTML Structure: Table ▪ HTML Structure: Links, Objects & Images HTML STRUCTURE: TEXT ▪ One of HTML's main jobs is to give text structure so that a browser can display an HTML document the way its developer intends. TEXT Headings show layers which is The tag is used to used for search engines while structure text in paragraphs can be inside one paragraphs within an heading to talk about a HTML document. specific subtopic within a general topic. TEXT : HEADING ▪ When the text is a title, use to. ▪ There are six heading elements: This is heading h1 This is heading h2 , , , , , and. This is heading h3 This is heading h4 ▪ Each element represents a different This is heading h5 level of content in the document. This is heading h6 ▪ represents the main heading ▪ represents subheadings ▪ represents sub-subheadings, and so on. TEXT : HEADING The default behavior of is bold and font size xx. It should be at the start of the text. It makes no sense to use this tag in the middle of a paragraph. to complements the list of tags used for titles. As these tags are sorted by levels it is correct to state that should be used in a text more important than the text and so on. TEXT : HEADING (RULE OF THUMB) Preferably, use only one per page—this is the top level heading, and all others are listed below it in the hierarchy. Make certain that the headings are used in the correct order in the hierarchy. Do not use elements to represent subheadings, then elements to represent sub- subheadings. You should aim to use no more than three of the six available heading levels per page, unless absolutely necessary. HTML STRUCTURE: LIST ▪ HTML lists allow web developers to group a set of related items in lists. LIST Unordered List Ordered List Other List In HTML Lists, tag list The tag is used to HTML support a description list starts with unordered list create an ordered list and where it is a list of terms, with a and list item starts with tag starts the list of description of each term. tag. items. It is also called as a It is also called as a The tag defines the description bulleted list because list numbered list because list list, the tag defines the term items are marked with items are marked with (name), and the tag describes bullets. numbers. each term LIST: UNORDERED LIST BULLET/DISC STYLE CIRCLE STYLE A default way of doing unordered list: Coffee Coffee Tea Tea Milk Milk NONE STYLE SQUARE STYLE Coffee Coffee Tea Tea Milk Milk  LIST: ORDERED LIST TYPE = 1 TYPE = A TYPE = a A default way of doing ordered list: