II Semester – 2023-2024 Web Application Development CSE 2030 Lecture 1 I-Semester 2022-2023 Myanmar Institute of information technology 1 HTML I-Semester 2022-2023 Myanmar Institute of information technology 2 What Does HTML Stand For? I-Semester 2022-2023 Myanmar Institute of information technology 3 Hypertext Markup Language I-Semester 2021-2022 Myanmar Institute of information technology 4 Hypertext Markup Language Hypertext is text which is not constrained to be linear. Hypertext is text which contains links to other texts. Hypertext allows system designers to organize information in a branching structure instead of a linear one. Example: <a href= “https://www.google.com/”> Google</a> Hyperlink I-Semester 2022-2023 Hypertext Myanmar Institute of information technology 5 Hypertext Markup Language I-Semester 2021-2022 Myanmar Institute of information technology 6 Hypertext Markup Language <h1> <div> Hello World </h1> </div> I-Semester 2022-2023 <h1> <div> Hello World </div> </h1> Myanmar Institute of information technology 7 Technologies That Drive the Web I-Semester 2021-2022 Myanmar Institute of information technology 8 HTML + CSS + JavaScript I-Semester 2021-2022 Myanmar Institute of information technology 9 Anatomy of an HTML Tag I-Semester 2022-2023 Myanmar Institute of information technology 10 Anatomy of an HTML Tag I-Semester 2021-2022 Myanmar Institute of information technology 11 List of HTML Tags I-Semester 2022-2023 Myanmar Institute of information technology 12 Content Models in HTML Inline Elements Render on the same line (by default) May only contain other inline elements Roughly Phrasing Content (HTML5 category) Block-Level Elements Render to begin on a new line (by default) May contain inline or other block-level elements Roughly Flow Content (HTML5 category) I-Semester 2022-2023 Myanmar Institute of information technology 13 List of Character Entity References https://www.tutorialrepublic.com/html-reference/html-character-entities.php I-Semester 2022-2023 Myanmar Institute of information technology 14 I-Semester 2022-2023 Myanmar Institute of information technology 15 Exercise using Character Entity References I-Semester 2022-2023 Myanmar Institute of information technology 16 Visual Studio Code I-Semester 2022-2023 Myanmar Institute of information technology 17 Setting up Visual Studio Code https://code.visualstudio.com/ I-Semester 2022-2023 Myanmar Institute of information technology 18 Live Preview Extension in VSCode I-Semester 2022-2023 Myanmar Institute of information technology 19