html (hyper text markup language)

16
HTML

Upload: dennimar-domingo

Post on 18-Jan-2015

354 views

Category:

Education


2 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Html (hyper text markup language)

HTML

Page 2: Html (hyper text markup language)

?What is an HTML file?

· HTML stands for Hyper Text Markup Language An HTML file is a text file containing small markup/HTML tags (e.g. <b></b>) The markup tags tell the Web browser how to display the page

Page 3: Html (hyper text markup language)

?What is an HTML file?

· An HTML file must have an htm or html file extension

· An HTML file can be created using a simple text editor or HTML editors such as Dreamweaver and Frontpage

Page 4: Html (hyper text markup language)

>Example

<html><head><title>Title of page</title></head><body>This is my first homepage. <b>This text is bold</b></body></html>

Page 5: Html (hyper text markup language)

>Example Explained

<html> </html>

>>> these are your html document’s first and last tags respectively. It indicates the start and the end of your html document.

Page 6: Html (hyper text markup language)

>Example Explained

<head> </head>

>>> the text between these tags is header information, and is not displayed in the browser window

Page 7: Html (hyper text markup language)

>Example Explained

<title> </title>

>>> the text between these tags is the title of your document and is displayed in the browser’s caption

Page 8: Html (hyper text markup language)

>Example Explained

<body> </body>

>>> the information between these tags will be displayed in your browser

Page 9: Html (hyper text markup language)

>Example Explained

<b> </b>

>>> the text between these tags will be displayed in bold font

Page 10: Html (hyper text markup language)

?What is an HTML element?This is an html element:<b>This text is bold</b>

It is made up of: (1)HTML tags - <b></b>(2)Element content - This text is bold

Page 11: Html (hyper text markup language)

?What are HTML tags?• HTML tags are used to mark-up

HTML elements • HTML tags are surrounded by the

two characters < and > • The surrounding characters are

called angle brackets • HTML tags normally come in pairs

like <b> and </b>

Page 12: Html (hyper text markup language)

?What are HTML tags?

• The first tag in a pair is the start tag, the second tag is the end tag

• The text between the start and end tags is the element content

• HTML tags are not case sensitive, <b> means the same as <B>

Page 13: Html (hyper text markup language)

>Note:

If you want to prepare yourself for the next generations of HTML, you should start using lowercase tags. The World Wide Web Consortium (W3C) recommends this, and XHTML (the next generation HTML) will demand it.

Page 14: Html (hyper text markup language)

>Tag Attributes

>>> provide additional information about HTML elements in your page

e.g.<body bgcolor="red"></body>

Page 15: Html (hyper text markup language)

>Tag Attributes

<body bgcolor="red"></body>

• The bgcolor attribute allows you to specify a background color for your page.

• Attributes always come in name/value pairs like this: name="value", and are always added to the start tag of an HTML element

Page 16: Html (hyper text markup language)

>Basic HTML Tags

<html> defines an html document<body> defines the document’s body<h1>to<h6> defines headers 1 to 6<p> defines a paragraph<br /> inserts a single line break<hr /> defines a horizontal rule<!-- --> defines a comment