Posts

Showing posts from June, 2021

Lab 09 HTML Styles -CSS

Image
 CINDY BEH XIN YI  AI200259 Lab #9: HTML Styles - CSS INFORMATION CSS stands for Cascading Style Sheets. CSS saves a lot of work. It can control the layout of multiple web pages all at once . CSS describes how HTML elements are to be displayed on screen, paper, or in other media. CSS can be added to HTML elements in 3 ways: ·        Inline - by using the style attribute in HTML elements ·        Internal - by using a <style> element in the <head> section ·        External - by using an external CSS file INSTRUCTION 1.      By using Notepad, type the following text:     Example 1                                                    ...

LAB 08 HTML div,dl,dd and dt tags

Image
 Lab 08 CINDY BEH XIN YI  AI200259 INSTRUCTION 1.      By using Notepad, type the following text: <!DOCTYPE html> <html> <body> <div style="background-color:lightblue"> <h3> The div dl, dd, and dt elements </h3> <p>LAB-08.</p> </div> <dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl> </body> </html> 2.      Save the file as lab_8.html. 3.      Upload your work into the blog.   QUESTIONS 1.      Explain about the HTML code above. The HTML code above use <div>, <div style= “background-color: lightblue”>, <h3>, <p>, <dl>, <dt>, <dd> tags. <div> tag is use to divide a section in a HTML document while <div style= “ba...

Lab 07 HTML Radio & Check BIW 10103 INTRO TO WEB TECHNOLOGY

Image
 CINDY BEH XIN YI  AI200259 Lab 07 HTML Radio & Check INFORMATION HTML Forms   HTML Forms are required, when you want to collect some data from the site visitor. For example, during user registration you would like to collect information such as name, email address, credit card, etc. There are various form elements available like text fields, text area fields, drop-down menus, radio buttons, checkboxes, etc. The HTML <form> tag is used to create an HTML form and it has following syntax –   INSTRUCTION 1.      By using Notepad, type the following text: <!DOCTYPE html> <html> <body>   <h2> LAB-07 21-4-2020 </h2>   <h3> Example1 : Radio Button Input </h3>   <input type="radio" name="gender" value="male" checked> Male<br> <input type="radio" name="gender" value="female"...