HTMLMR.Mostafa badr1
Lesson 3 HTML Tags Lesson 2 Creating a HTML File Lesson 1: Hyper Text Markup Language (HTML) Basics Get Trained for a Better Future HTMLMR.Mostafa badr2
3HTMLMR.Mostafa badr
Hyper Text Markup Language (HTML) Basics H yper T ext M arkup L anguage A markup language designed for the creation of web pages and other information viewable in a browser The basic language used to write web pages HTML is not a programming language, it is a markup language HTML is a “Mark-up language” Not “Programming Language”. You add the mark-up tags to your text document There is no compiler.” Error Detection” There is no there is no Control statement. There is no Methods. Contain mark-up tags Tags direct how page is to be displayed by browser Can be created from a simple text editor (Notepad, TextPad) HTMLMR.Mostafa badr4
Creating a HTML File HTMLMR.Mostafa badr5
HTML Tags HTML “tags” in angle brackets: <> Tags usually come in pairs (with some exceptions)...,...,...,, The first tag turns the action on, and the second turns it off. Each tag has a name and may have one or more quoted attributes eg. HTMLMR.Mostafa badr6 Tag container Open TagClose Tag
1. Container Tag container ( ). 3. Empty Tag ( ). Tags are NOT case sensitive can embedded, for instance, to do this: Your text it won't work. The correct order is Your text Some browsers don't support the some tags and some attributes. HTMLMR.Mostafa badr7
HTML Document Structure HTMLMR.Mostafa badr8
HTML Document Structure <html> <head> <title> Page Title Goes Here </title> </head> <body> <p> content goes here </p> </body> </html> HTMLMR.Mostafa badr9
HTML – Required Tags … (Required!) Basic tag to identify portion of file that contains HTML is an opening tag is a closing tag (note the direction of the slash!) text between the opening and closing tag is called the “element” Tag attribute … (Required!) placed at the top of document immediately after the tag tags information about the document, e.g. author, style, etc. contains the required document... tag HTMLMR.Mostafa badr10
HTML – Required Tags … (Required!) included as an element inside the … section element of this tag is the title displayed in title bar of the browser may also be used as title of page when page is bookmarked HTMLMR.Mostafa badr11
… (Required!) included as the second element inside the … tags. follows the … portion of the document contains the information to be displayed in the browser window any attributes set on this tag will apply to the entire page Tag attribute (Background, bgcolor) or HTMLMR.Mostafa badr12