Web programming Part 1: HTML 由 NordriDesign 提供

Web programmingPart 1: HTML

由 NordriDesign提供www.nordridesign.com

Working environment

• create a subdirectory with somename in public_html• in your web browser, follow the link

http://hydra.lr.wsinf.edu.pl/~username/somename

Start page

• create a file index.html in the directory with a following content

<html><head>

<title>My first page</title></head><body>

This is a text of my first page.</body>

</html>

• show the file in the browser window using addresses:

http://hydra.lr.wsinf.edu.pl/~username/somename/index.htmlor

http://hydra.lr.wsinf.edu.pl/~username/somename

HTML document

HTML = HyperText Markup Language

<html> <-- opening tag<head>

<title>My first page</title>

</head>

<body>

This is a text of my first page.

</body>

</html> <-- closing tag

HTML document

<html>

<head>


</head> content<body>


</body>

</html>

HTML document

<html>

<head>


</head>

<body bgcolor="yellow"> <-- tag with a attribute in the form name="value";there are also attributes

consisting of the only name This is a text of my first page.

</body>

</html>

HTML document

<html>

<head>


</head>

<body bgcolor="yellow">


<hr/> <-- a standalone tag, a tag without content

This is some data below horizontal line.

</body>

</html>

HTML more detailed (a plan)

Use a course material from webpagehttp://www.w3schools.com/html/

1. controlling a look of the whole page2. text elements: paragraphs, headers, divided blocks, line

breaks3. simple formatting: bold, italic, underline, a preformatted text,

a programming code4. lists: unordered and ordered5. comments

HTML more more detailed

1. links2. tables3. images4. frames5. forms

Thank You !!!

Documents

Web programming Part 1: HTML 由 NordriDesign 提供