Scribd
Upload
12 views

HTML Notes

how to basic with html

Uploaded by

John Franco L. Caboboy
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
12 views

HTML Notes

how to basic with html

Uploaded by

John Franco L. Caboboy
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

COMPUTER PROGRAMMING 10 NOTES

2ND QUARTER

• <!DOCTYPE html> - a declaration that tells the browser what version of HTML the document is written in. This
declaration appears as the very first line in an HTML file.
• <html></html> - indicates the file is composed of HTML commands.
• <head></head> - usually contains the title tag
• <title></title> - encloses the written content what will appear in the title bar of the browser window.
• <body></body> - includes all the tags, elements and contents of your page.
• <p></p> - defines a paragraph
• <br/> - The Line Break element. The <br> HTML element produces a line break in text
• &nbsp – use to add a space in between of two letters or words without breaking the line.
• <ol></ol> - defines an ordered list
• <ul></ul> - defines an unordered (bulleted) list.
• <li></li> - list item
• <dl></dl> - definition list/ description list
• <dt></dt> - definition term
• <dd><dd> - definition that describe each term
• <b></b> - specifies bold text
• <i></i> - italic text
• <u></u> - underline text
• CSS – Cascading Style Sheets (CSS) is a markup language responsible for how your web pages will look like.
It controls the colors, fonts, and layouts of your website elements.
• HTML - stands for Hyper Text Markup Language. HTML is the standard markup language for creating Web pages
• id(#) - must only be used by one HTML element within the page.
• class(.) - can be used by multiple HTML elements

Type of Headers
1. <h1></h1> - biggest size of header
2. <h2></h2>
3. <h3></h3>
4. <h4></h4>
5. <h5></h5>
6. <h6></h6> - smallest size of header

Type of CSS

1. Inline Stylesheets – contains CSS commands embedded or placed inside/inline to a specific tag. They use
the style attribute, followed by regular CSS properties.
Ex:
2. Internal Stylesheets - used to add a unique style for a single document. It is defined in <head> section of the
HTML page inside the <style> tag.
Ex:

3. External Stylesheets - An external style sheet is a separate CSS file that can be accessed by creating a link within
the head section of the webpage. Multiple webpages can use the same link to access the stylesheet. The link to
an external style sheet is placed within the head section of the page.

<link rel = “stylesheet” type = “text/css” href = “style.css”>

HTML Links
- Links/ hyperlinks are pointers to the pages they reference and these are some of the most essential parts of
the Web, since a large part of the Internet’s success is due to its stability to link one webpage to other
webpages.
1. Internal Links – a link to a file or a webpage within the webpage’s own site, or to any part of webpage itself.
2. External Links – a link to a file or webpage that does not belong to the webpage’s own site.
3. Dead Link – a link to a webpage or file that does not exist. Clicking on this kind of link results in a webpage that
displays such messages as “Error: File not found” or “The page could not be displayed.”

You might also like