ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.

ACM 511 Course Notes

ACM 511

HTML

Week -1


Books


World Wide Web

HTML

What is HTML?HTML is a language for describing web pages.HTML stands for Hyper Text Markup LanguageHTML 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

HTML TagsHTML markup tags are usually called HTML tagsHTML tags are keywords surrounded by angle brackets like <html>HTML tags normally come in pairs like and The first tag in a pair is the start tag, the second tag is the end tagStart and end tags are also called opening tags and closing tags


Web Pages

HTML Documents = Web PagesHTML documents describe web pagesHTML documents contain HTML tags and plain textHTML documents are also called web pages

The purpose of a web browser (like Internet Explorer or Firefox) is to read HTML documents and display them as web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page.


Structure


HTML Introduction


Page Structure


Character Encoding/Stylesheets/Javascript

HTML Elements

HTML Element SyntaxAn HTML element starts with a start tag / opening tagAn HTML element ends with an end tag / closing tagThe element content is everything between the start and the end tagSome HTML elements have empty contentMost HTML elements can have attributes

<html><body>This is my first paragraph.</body></html>


HTML Attributes


HTML Headings

HTML Basic

HTML ParagraphsHTML paragraphs are defined with the tag.

This is a paragraph.This is another paragraph.

HTML Links<a href="http://www.w3schools.com">This is a link</a>

HTML Images<img src="w3schools.jpg"/>


HTML Basic

Prepare this page in Notepad, the picture will act as a link.

HTML Lines

HTML LinesThe <hr /> tag creates a horizontal line in an HTML page.

This is a paragraph<hr />This is a paragraph<hr />This is a paragraph

HTML Formatting

<html><body>

This text is boldThis text is strong<big>This text is big</big>This text is italicThis text is emphasizedThis is subscript and

superscript

</body></html>

HTML Fonts (not supported)

This paragraph is in Arial, size 5, and in red text color.

This paragraph is in Verdana, size 3, and in blue text color.


Hyperlinks

HTML Lists

HTML Unordered ListsAn unordered list starts with the <ul> tag. Each list item starts with the <li> tag.

<ul><li>Coffee</li><li>Milk</li></ul>

HTML Ordered ListsAn ordered list starts with the <ol> tag. Each list item starts with the <li> tag.

<ol><li>Coffee</li><li>Milk</li></ol>

HTML Lists

HTML Definition ListsA definition list is a list of items, with a description of each item.The <dl> tag defines a definition list.The <dl> tag is used in conjunction with <dt> (defines the item in the list) and <dd> (describes the item in the list)

<dl><dt>Coffee</dt><dd>- black hot drink</dd><dt>Milk</dt><dd>- white cold drink</dd></dl>


HTML Tables


HTML Tables

http://www.silentblade.com/SplitImage.zip

http://www.silentblade.com/SplitImage.zip


Tables


HTML Forms


HTML Forms (Input) (Password)


HTML Forms (Checkbox)


HTML Forms (Radio Button)


Dropdown List


HTML Forms

DO IT YOURSELF


Block Elements


Inline Elements


Grouping Block Elements


Grouping Inline Elements

ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.

Documents

Transcript of ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.