Department of Computer Science
CS1102 Introduction to Computer Studies
Lecture 04
Web Development: HTML and CSS
Semester A, 2025-2026
Webpage and Source Code
We can view a webpage on a browser that displays information with text, images, audio, video. A webpage contains text marked up with HTML tags, often with CSS and JavaScript. The web browsers render the source HTML into a more user-friendly webpage
Components in a webpage source code
HTML: HyperText Markup Language (HTML) uses a set of codes called tags to describe the structure of a webpage
Note that HTML is NOT considered as a programming language because it does not have the ability to perform. computational tasks or logical steps
CSS: Cascading Style. Sheets (CSS) describes how the HTML elements should be displayed by specifying the fonts, colors, layout and placement of these HTML elements
JavaScript. JavaScript. is a programming language that can provide instructions for a browser to dynamically generate content for a website or enhance the website interactivity
Why teach HTML, CSS, Javascript?
HTML, CSS and JavaScript. are introduced because
1. They do not require you to install complex software on your computers, rather with just a simple text editor and a web browser. This accessibility makes them ideal for programming novices
2. JavaScript. is a widely used programming language that plays a crucial role in web development. Understanding these languages lays the groundwork for creating interactive web applications and can be a valuable skill across many tech careers
After you learn the fundamentals in this course, it will be easier for you to explore more on your own later to create more sophisticated webpages
Code Editor
A webpage source code is stored in text format so a simple editor (e.g., Notepad) can be used
However, it is better to use a code editor such as Komodo Edit or Sublime Text because they provides additional support for writing code, e.g., syntax coloring, syntax error checking, etc.