50 %
50 %
Information about HTML

Published on April 20, 2009

Author: ankush85


Introduction to HTML : 1 Introduction to HTML Slide 2: 2 Contents Getting Started.. What is HTML? How to create and View an HTML document? Basic HTML Document Format The HTML Basic tags Slide 3: What the following term mean: Web server: a system on the internet containg one or more web site Web site: a collection of one or more web pages Web pages: single disk file with a single file name Home pages: first page in website Think about the followings before working your Web pages. Think about the sort of information(content) you want to put on the Web. Set the goals for the Web site. Organize your content into main topics. Come up with a general structure for pages and topics. Slide 4: 1999 Asian Women's Network Training Workshop 4 What is HTML? Telling the browser what to do, and what props to use. A serises of tags that are integrated into a text document. Tags are ; surrounded with angle brackets like this <B> or <I>. Most tags come in pairs exceptions: <P>, <br>, <li> tags … The first tag turns the action on, and the second turns it off. Slide 5: 5 The second tag(off switch) starts with a forward slash. For example ,<B> text </B> can embedded, for instance, to do this: <HEAD><TITLE> Your text </HEAD></TITLE> it won't work. The correct order is <HEAD><TITLE> Your text </TITLE></HEAD> not case sensitivity. Many tags have attributes. For example, <P ALIGN=CENTER> centers the paragraph following it. Some browsers don't support the some tags and some attributes. Slide 6: 6 Basic HTML Document Format <HTML> <HEAD> <TITLE>WENT'99</TITLE> </HEAD> <BODY> Went'99 </BODY> </HTML> See what it looks like: Slide 7: 7 How to Create and View an HTML document? 1.Use an text editor such as Editpad to write the document. 2.Save the file as filename.html on a PC. This is called the Document Source. 3.Open Netscape (or any browser) Off-Line 4.Switch to Netscape 5.Click on File, Open File and select the filename.html document that you just created. 6.Your HTML page should now appear just like any other Web page in Netscape. Slide 8: 8 7.You may now switch back and forth between the Source and the HTML Document switch to Notepad with the Document Source make changes save the document again switch back to Netscape click on RELOAD and view the new HTML Document switch to Notepad with the Document Source...... Slide 9: 9 Tags in head <HEAD>...</HEAD>-- contains information about the document <TITLE>...</TITLE>-- puts text on the browser's title bar. Slide 10: 10 Tags in Body Let's talk Text Heading: <H1> </H1> Center:<Center> </Center> Line Break <P> ,<Br> Phrase Markups: <I></I> ,<B></B> Create a List Unordered list : <UL><li> Ordered list: <OL><li> Nested Slide 11: 11 Add Images Use <IMG SRC=imagefilename> tags How to specify Relative pathnames Attributes of IMG tag -width,height -Alt -Align -<Img src=my.gif width=50 height=50 align=right alt=“My image”> Slide 12: 12 Add some Link Use <A href=filename|URL></a>tags How to specify Relative pathnames Kinds of URLs - - - gopher:// - news:// - Slide 13: 13 How to make colors changes? Hexadecimal number : Color names : <Font color=white> Changing the Background color <BODY BGCOLOR=#19378a> Changing Text color <BODY BGCOLOR=#19378a TEXT=#ffffff LINK=#ffff66 VLINK=#66ffff> Spot color <FONT COLOR=#66ffcc>WENT'99</FONT> Image Background <BODY BACKGROUND=bgimg.gif > Slide 14: 14 The current HTML document is my.html and the current directory is Iam C:\- ?Iam -my.html -your.html ?Type this ; <A href=your.html>Your link </A> C:\- ?Iam -my.html ?Child -your.html ?Type this ; <A href=Child/your.html>Your link </A> C:\- ? Iam -my.html ? Sister -your.html ?Type this ; <A href=../Sister/your.html>Your link </A> C:\- ? Mother -your.html ? Iam -my.html ?Type this ; <A href=../your.html>Your link </A> ?Go to Back How to specify Relative pathnames Slide 15: 15 How to specify Relative pathnames The HTML document is my.html and the image file is dragonfly.gif C:\- ? Iam -my.html ? Type this ; <IMG SRC=dragonfly.gif> -dragonfly.gif C:\- ? Iam -my.html ? Type this ; <IMG SRC=Image/dragonfly.gif> ? Image -dragonfly.gif C:\- ? Iam -my.html ? Type this ; <IMG SRC=../Image/dragonfly.gif> ? Image -dragonfly.gif C:\- ? Image -dragonfly.gif ? Type this ; <IMG SRC=../dragonfly.gif> ? Iam -my.html Go to Back Slide 16: 16

Add a comment

Related presentations

Related pages

Hypertext Markup Language – Wikipedia

Die Hypertext Markup Language (engl. für Hypertext-Auszeichnungssprache), abgekürzt HTML, ist eine textbasierte Auszeichnungssprache zur Strukturierung ...
Read more - HTML für Anfänger und Fortgeschrittene

Alles rund HTML und XHTML Wer Fragen zu HTML / XHTML hat - egal ob Anfänger oder Profi - hier bist Du richtig.
Read more


HTML; CSS; JavaScript; Mitmachen. Letzte Änderungen; Mitmachen! Hilfe; SELFHTML e.V. Werkzeuge. Links auf diese Seite; Änderungen an verlinkten Seiten ...
Read more

HTML- und CSS-Tutorials - Erstellen Sie Ihre eigene ...

HTML- und CSS-Tutorials - Erstellen Sie Ihre eigene Webseite - HTML- und CSS-Tutorials - Erstellen Sie Ihre eigene Webseite
Read more

HTML lernen und die eigene Website erstellen - HTML Kurs

Bietet eine Einführung in HTML und CSS. Schritt für Schritt die eigene Website selber erstellen lernen. Download als PDF-eBook und Schulungsvideos.
Read more


zur Info . deprecated und obsolet (veraltete bzw. ungültige Elemente und Attribute) Frames; Linkliste (auf viele nützliche und informative externe Seiten)
Read more

HTML Tutorial - W3Schools Online Web Tutorials

With HTML you can create your own Web site. This tutorial teaches you everything about HTML. HTML is easy to learn - You will enjoy it.
Read more

HTML Tutorial - Inhaltsverzeichnisgertutorial -

HTML Tutorial - Inhaltsverzeichnis. Einführung Eine kurze Einführung in das Tutorial und was Sie lernen können werden. Lektion 1: Fangen wir an!
Read more

HTML5 – Wikipedia

HTML5, A vocabulary and associated APIs for HTML and XHTML. Recommendation. W3C, 28. Oktober 2014, abgerufen am 26. Dezember 2014 (englisch, offizieller ...
Read more


ist es, eine deutschsprachige Dokumentation zu HTML und verwandten Technologien zur Verfügung zu stellen.
Read more