2 HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup languageA markup language is a set of markup tagsHTML uses markup tags to describe web pages
3 HTML TagsHTML tags are keywords surrounded by angle brackets like <html>HTML tags normally come in pairs like <b> and </b>The first tag in a pair is the opening tag, the second tag is the closing tag
4 HTML Documents = Web Pages HTML documents describe web pagesHTML documents contain HTML tags and plain textHTML documents are also called web pages
5 Web Sites and HTML tagsThis is an example of a website that has been styled with HTML tags.
6 Creating your 1st Web Page Open any text editor.Type in the HTML.Save in a “.html” file extension.Open in IE, Firefox or some other web browser.
10 After you save your document, the title changes on notepad After savingBefore saving
11 File extensions – do you see them? .txt.doc.html.htm.psd.pdf.jpg.gif.xls.mp3.mp4.wav.wma
12 How do you show the file extensions? ToolsFolder OptionsViewHide extensions for known file typesOK
13 <html></html> This tells the web browser where to start and stop looking.Your document always starts and stops with the <html> and </html> tags.The text between <html> and </html> describes the web page
14 <head></head> This tag contains the title, meta, script and style tags used for more advanced formatting and effects.The text between <head> and </head> is not displayed in the web browser.The Head and Body does not overlap.
15 <title></title> The title tag contains the text displayed at the top of your web browser.If the web site is bookmarked, then the <title> will become the text for the bookmark.It is a web designer taboo to leave this tag undefined.For multi-page sites, each page title should be unique.
16 <body></body> The text between <body> and </body> is visible to the people browsing your website.
17 Go make your own hello world web page Using your notes, go make your first website.Include a title.Include your name.Say hello.
18 I will just show the code between the Body tags. From now on…I will just show the code between the Body tags.
19 HTML HeadingsHeadings are defined with the <h1> to <h6> tags.<h1> defines the largest heading.<h6> defines the smallest heading.
20 <br>Use the <br /> tag if you want a line break (a new line) without starting a new paragraph.The <br /> element is an empty HTML element. It has no end tag.Even if <br> works in all browsers, writing <br /> instead is more future proof.
21 Text Formatting Tags Tag Description <b> Defines bold text <big>Defines big text<em>Defines emphasized text <i>Defines italic text<small>Defines small text<strong>Defines strong text<sub>Defines subscripted text<sup>Defines superscripted text<strike>Defines strikethrough text<u>Defines underlined text
22 Unordered ListsAn unordered list is a list of items. The list items are marked with bullets.An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.
23 Ordered ListsAn ordered list is also a list of items. The list items are marked with numbers.An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.
24 HTML Paragraphs Paragraphs are defined with the <p> tag. Browsers automatically adds an empty line before and after paragraphs.You can align your paragraphs to the left, right and center positions.
25 HTML Rules (Lines)The <hr /> tag is used to create an horizontal rule (line).
26 Go make your own hello world web page Unordered listOrdered list3 horizontal rules3 paragraphsLine brakes5 unique test formatting