/
3.00cs  HTML Overview 3.00cs 3.00cs  HTML Overview 3.00cs

3.00cs HTML Overview 3.00cs - PowerPoint Presentation

welnews
welnews . @welnews
Follow
343 views
Uploaded On 2020-06-22

3.00cs HTML Overview 3.00cs - PPT Presentation

Develop webpages Note to instructor HTML tags are in red only to differentiate from regular text What is HTML HTML stands for Hyper Text Markup Language A markup language is a set of markup tags ID: 782612

tags html browser tag html tags tag browser text attributes display closing attribute source page file web code opening

Share:

Link:

Embed:

Download Presentation from below link

Download The PPT/PDF document "3.00cs HTML Overview 3.00cs" is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.


Presentation Transcript

Slide1

3.00cs HTML Overview

3.00cs

Develop webpages.

(Note to instructor: HTML tags are in red only to differentiate from regular text.)

Slide2

What is HTML?

HTML stands for Hyper

Text

MarkupLanguageA markup language is a set of markup tags

HTML documents contain HTML tags and plain text

HTML documents are also called web pages

Slide3

HTML Tags

Purpose of Tags:

Define and describe text, graphics, hypertext links, and other multimedia elements found on webpages

Tell the browser how to display the document.By viewing the source code of a webpage, the user can see the HTML tags used to display the page.

To view a webpage’s source code:

In the browser window, Click on the View menu and choose Source.

Slide4

Using HTML Tags

An HTML tag begins with a

<

character and ends with a > character.Between these characters is the actual tag name, such as body or

head

.

<body>

is an example of a correct tag.

Tags should appear in pairs, with an opening tag

<html>

and a closing tag

</html>.

The only difference between the opening and closing tag is the

/

used in the closing tag.

Slide5

Using HTML Tags

Text entered between the HTML tags is formatted with the code specified by those tags.

Example:

<h1>Welcome to my website!</h1> The browser will turn on formatting at heading level 1 to display the text and then turn it off at the end of that text.

Note the source code showing the 6 levels of the heading tag.

Slide6

HTML vs. XHTML

W3C created XHTML as an extended version of HTML.

XHTML requires some modification of the old HTML standard.

All tags must be in lowercase.

All tags must have a closing tag.

All tags must be properly nested.

The

<html>

tag must be the root tag for every document.

While many old browsers can display “old” HTML, newer ones rely on the current standard.

Remember, web pages are accessed from desktop computers, mobile phones and handheld devices—all using a variety of browser technologies!

Slide7

Nesting HTML Tags

Nesting refers to the order in which tags are opened and closed.

Enter the closing tags in the reverse order from the opening tags.

Closing tags in a different order than they were opened may keep the browser from displaying the page as intended by the author.

Slide8

Adding Attributes to Tags

Attributes provide additional information about tags and control how the tag will be interpreted by the browser. Example:

The anchor tag,

<a>

, defines an anchor that converts text or an image into a hyperlink.

<a

href

=“http://

www.ncsu.edu”>NC State University</

a

>

href

is the attribute instructing the browser to set the text between the anchor tags as a hyperlink to the specified web address.

Slide9

Rules for Using Attributes

Attributes are entered inside the opening tag but not in the closing tag.

Attributes are keyed in name/value pairs. Syntax: name=”value”

The attribute should have an equal symbol followed by the value or setting for the attribute.Attribute values should be enclosed inside quotation marks.

Slide10

Using Multiple Attributes

Space once between multiple attributes.

The

source

attribute

tells the browser where the image is located.

The

alt

attribute

instructs the browser to display alternative text if the image file will not load.

For a comprehensive list of tags and attributes visit

www.w3schools.com/html/html_reference.asp

Example:

<img src=“image.gif” alt=“smiley face image” />

Slide11

Creating and Saving HTML Files

Use any text editor to enter HTML code and create a web page.

Save the file as an HTML file using

.html as the extension.Many old browsers will display files with the .htm extension but the latest standard requires .html Launch a web browser and open the file to display the page. (Check the page out with several different browsers to see how each browser displays the HTML file.)