Posts

Showing posts from June, 2023

Difference between Example 1 and Example 2

       In Example 1, the styles for the body, h1, and p elements are defned inline, within the head section of the HTML document This means that the styles are applied to the elements directly, and they cannot be reused by other HTML documents In Example 2, theystyles for the body, h1, and p elements are defined in an external CSS file, which is linked to the HTML document using the link tag. This means that the style can be reused by other HTML documents, and they can be more easily maintained and updated

Explain about the HTML code above :

l  The <!DOCTYPE html> declaration tells the browser that the document is written in HTML5 l  The <html> element is the root element of an HTML document l  The <head> element contains information about the document, such as its title, author, and style sheet l  The <style> element contains the document’s style sheet, which is used to control the apperance of the document l  The body element contains the document’s content l  The h1 element defines a heading l  The p element defines a pharagraph l  The color property is used to set the color of text l  The background-color property is used to set the background color of an element

Lab #9: HTML Styles - CSS

Image
 

Explanation about html code

  The <dd> tag is used to describe a term/name in a description list. The <dd> tag is used in conjunction with <dl> (defines a description list) and <dt> (defines terms/names). Inside a <dd> tag you can put paragraphs, line breaks, images

Q2-LAB-08

Image
 <!DOCTYPE html> <html> <body> <div style="background-color:lightblue"> <h3> Q2-LAB-08 </h3> <p>------------------</p> </div> <dl> <div style="background-color:Yellow"> <dt>Coffee</dt> <dd>Black hot drink</dd> <div style="background-color:lightgreen"> <dt>Milk</dt> <dd>White cold drink</dd> </dl> </body> </html>