Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 33 - 2607_Trackpad_Pro_5.1_flipbook_C6
P. 33

    These editors provide various tools and graphical interfaces to design web pages. Examples of
                     WYSIWYG editors are Adobe Dreamweaver, Amaya and Google Web Designer.

                     TEXT EDITOR
                     We can create HTML documents using simple text editors like Notepad or WordPad. However, to
                     develop a web page, the user needs to have a good understanding of HTML tags and commands.

                               FEATURES OF HTML5

                     Following are some features of HTML5:
                       It is not a case-sensitive language.

                       It supports rich media experiences.
                       It promotes accessibility and design responsiveness.
                       It makes it easier to add audio and video to web pages with the <audio> and <video> tags.
                        New input types like date, email, url, and range make it easier to create better forms and
                       improve user experience.

                               UNDERSTANDING HTML5 TAGS

                     An HTML document is made up of various tags or elements. A tag is a coded HTML instruction that
                     indicates how a part of the document will be displayed in the web browser. Each tag, which gives
                     specific instructions, is enclosed within angular brackets < >. HTML tags tell the web browser how

                     to organise and display text, images, and other content.
                                                <TagName> content </TagName>

                                                  Opening tag                   Closing tag

                     Most of the tags in HTML have opening and closing tags. A combination of the opening tag, content,
                     and closing tag is called an element. We can write HTML tags in uppercase as well as lowercase.

                     The HTML tags can be categorised as container and empty.

                     CONTAINER TAGS

                     Most tags in HTML come in pairs, meaning they have both an opening and a closing tag. The
                     closing tag is created by adding a forward slash (/) before the tag name.
                     For example: <HTML> ... </HTML>

                     The content or effects of the tag apply to everything between the opening and closing tags.

                     EMPTY TAGS

                     These tags are self-contained. They have only an opening tag.

                     For example: <BR>
                     The Line Break tag is an empty tag that does not require any corresponding closing tag.

                                                                                                Learn HTML5 and CSS3  31

| 28 29 30 31 32 33 34 35 36 37 38 |