Download to read offline
Uploaded byASIT
Learn HTML at ASIT
The document provides an overview of HTML (Hypertext Markup Language), explaining its components such as tags, structure of web pages, and the syntax for creating various elements like paragraphs and lists. It outlines the importance of tags in defining content and formatting, with examples of common tags and their usage. Additionally, it includes instructions for creating a basic HTML file and mentions the availability of training classes.
More Related Content
Similar to Learn HTML at ASIT
Learn HTML at ASIT
- 2. MARKUP LANGUAGES MARKUP: EMBEDDED CODESIN DOCUMENTS CODES ARE CALLED `TAGS’ CODES DESCRIBE THE STRUCTURE DOCUMENTS INCLUDE INSTRUCTIONS FOR PROCESSING MARKUP LANGUAGE: COMPUTER LANGUAGE FOR DESCRIBING SYNTAX OF TAGS MAY BE USED WITH OTHER TOOLS TO SPECIFY RENDERING
- 3. HYPERTEXT & HYPERLINK •BOOKS WRITTEN ENGLISH • WEB PAGE WRITTEN HTML. HYPERTEXT MARKUP LANGUAGE • WEB PAGES ARE TEXT FILES. • THE KEY TO HYPERTEXT IS THE USE OF HYPERLINKS, WHICH ALLOW YOU TO JUMP FROM ONE TOPIC TO ANOTHER.
- 4. WHAT IS HTML? • HTML DESCRIBES THE CONTENT AND FORMAT OF WEB PAGES USING TAGS. EX. TITLE TAG: <TITLE>A TITLE </TITLE> • IT’S THE JOB OF THE WEB BROWSER TO INTERPRET TAGS AND DISPLAY THE CONTENT ACCORDINGLY.
- 5. HTML SYNTAX • ANHTML FILE CONTAINS BOTH FORMATTING TAGS AND CONTENT • DOCUMENT CONTENT IS WHAT WE SEE ON THE WEBPAGE. • TAGS ARE THE HTML CODES THAT CONTROL THE APPEARANCE OF THE DOCUMENT CONTENT.
- 6. HTML SYNTAX • HTMLSYNTAX: TWO-SIDED TAG: <TAG ATTRIBUTES>DOCUMENT CONTENT</TAG> Starting tag Properties of the tag. Optional! Actual content appears in webpage. It could be empty Closing tag Examples: <p> CGS 2100 </p> <body bgcolor = “yellow”> UCF </body>
- 7. HTML SYNTAX •HTML SYNTAX: ONE-SIDEDTAG: <TAG /> e.g. Breaking line tag: <br/> Horizontal line tag: <hr/>
- 8. STRUCTURE OF THEWEB PAGE • STARTING WITH THE TAG <HTML>...</HTML> <HTML> ....... </HTML> Everything about the web page should be enclosed here
- 9. STRUCTURE OF THEWEB PAGE • INSIDE THE <HTML></HTML> TAG • EACH WEB PAGE HAS A HEAD PART DESCRIBED IN <HEAD></HEAD> TAG: <HTML> <HEAD> <TITLE> CGS 2100 </TITLE> </HEAD> </HTML> The title of the web page should be put here
- 10. STRUCTURE OF THEWEB PAGE • INSIDE THE <HTML></HTML> TAG • EACH WEB PAGE HAS A BODY PART DESCRIBED IN <BODY></BODY> TAG: <HTML> <HEAD> <TITLE> CGS 2100 </TITLE> </HEAD> <BODY> THIS IS A SAMPLE HTML FILE. </BODY> </HTML> The content of the whole web page should be put here
- 11.
- 12. CREATE A BASICHTML FILE • OPEN YOUR TEXT EDITOR (NOTEPAD). • TYPE THE FOLLOWING LINES OF CODE INTO THE DOCUMENT: <HTML> <HEAD> <TITLE> CGS2100 LAB SECTION</TITLE> </HEAD> <BODY> THIS IS A SAMPLE HTML FILE. </BODY> </HTML>
- 15. INTRODUCTION TO SOMECOMMON TAGS • PARAGRAPH TAG • LIST TAG • HYPERLINK TAGS
- 16. PARAGRAPH TAGS <P>...</P> •<HTML> • <HEAD> • <TITLE> CGS 2100 </TITLE> • </HEAD> • <BODY> • <P> HERE IS THE FIRST PARAGRAPH. </P> • <P> HERE IS THE SECOND PARAGRAPH. </P> • </BODY> • </HTML>
- 17.
- 18. UNORDERED LIST: LISTITEMS ARE NOT LISTED IN A PARTICULAR ORDER. THE SYNTAX IS: <UL > E.G. <UL> <LI>ITEM1 </LI> <LI> NAME: YOUR NAME </LI> <LI>ITEM2 </LI> <LI> SECTION: ### </LI> … <LI> INSTRUCTOR: YUPING </LI> </UL> </UL> • RESULT
- 19. ORDERED LIST: USEDTO DISPLAY INFORMATION IN A NUMERIC ORDER. THE SYNTAX FOR CREATING AN ORDERED LIST IS: <OL > E.G. <OL > <LI>ITEM1 </LI> <LI> NAME: YOUR NAME </LI> <LI>ITEM2 </LI> <LI> SECTION: ### </LI> … <LI> INSTRUCTOR: YUPING </LI> </OL> </OL> • RESULT:
- 20. We also provideclassroom and online training classes For More Details www.asit.amcsquare.com Wise Machines India Pvt Ltd #360, Sri Sai Padma Arcade, Varthur Main Road, Ramagondanahalli, Whitefiled ,Bangalore – 560066. We also having Branches in Hyderabad & Chennai