Page 33 - 2403_Trackpad_V5.1_C6_Fb
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