Tags, Attributes, and Elements
Module 1
- 4.9
-
2021 Scheme | Programming Department
- Created by AcquireHowTo
- 5 Modules
HTML Beginner Module 1 Programming Notes
Although the basics of HTML are plain text, we need a bit more to make it a nice and shiny HTML document.
Tags
The basic structure of an HTML document includes tags, which surround content and apply meaning to it.
Change your document so that it looks like this:
<!DOCTYPE html>
<html>
<body>
This is my first web page
</body>
</html>
Now save the document again, go back to the web browser and reload the page.
The appearance of the page will not have changed at all, but the purpose of HTML is to apply meaning, not presentation, and this example has now defined some fundamental elements of a web page.
The first line on the top, <!DOCTYPE html>
, is a document type declaration and it lets the browser know which flavor of HTML you’re using (HTML5, in this case). It’s very important to stick this in - If you don’t, browsers will assume you don’t really know what you’re doing and act in a very peculiar way.
To get back to the point <html>
is the opening tag that kicks things off and tells the browser that everything between that and the </html>
closing tag is an HTML document. The stuff between <body>
and </body>
is the main content of the document that will appear in the browser window.
Closing tags
The </body>
and </html>
put a close to their respective elements (more on elements in a moment).
Attributes
Tags can also have attributes, which are extra bits of information. Attributes appear inside the opening tag and their values sit inside quotation marks. They look something like <tag attribute="value">Margarine</tag>
. We will come across tags with attributes later.
Elements
Tags tend not to do much more than mark the beginning and end of an element. Elements are the bits that makeup web pages. You would say, for example, that everything that is in between (and includes) the <body>
and </body>
tags are the body element. As another example, whereas “<title>
” and “</title>
” are tags, “<title>Rumple Stiltskin</title>
” is a title element.
Powered by Froala Editor
Course Faq
- Can we download the notes?
Yes, you can download the notes by going to the Module Topics and clicking on the View/Download Module Notes.
- How often notes are updated on AcquireHowTo?
We try our best to provide update notes to our users, so we keep updating them once a week.
- Do you provide only one specific university note?
No, Our team tries to work hard to provide notes from multiple universities like VTU, IP, DTU, Amity, etc, and from multiple courses like B.E, B.Tech, BBA, MBA, BCA, etc.
- Do the Notes you provide belongs to you?
No, the notes we provide belong to the only creator of that notes. May some note belongs to us but not all. AcquireHowTo is a notes providing platform that provide notes from different sources at one place to help the students.
Announcement

AcquireHowTo
Admin 1 year agoUpcomming Updates of the AcquireHowTo
- -- CGPA/SGPA Calculator with University Filter.
- -- Student Projects Guide and Download.
- -- Article Publishing platform for different categories.
- -- Courses for students on different topics.
- -- Student Dashboard for AcquireHowTo Products.
- -- Online Portal to buy Minor Projects and Major Projects.
- -- Last year Exams Question paper .
These all updates are comming soon on our portal. Once the updates roll out you will be notified.