Web Technologies and Programming Lab L1
Web Technologies and Programming Lab L1
CSE 608
Presented By
Mohammad Anwar Hossain
Lecturer
Department of CSE
World University of Bangladesh
Agenda
• Introduction to HTML
• HTML tags
• Structure of HTML Code
• Creating HTML Document
• Saving HTML Document
• Viewing HTML document
Basic HTML TAGS
Basic HTML TAGS
Basic HTML TAGS
Example
How to Setup Code Environment
How to Setup Code Environment
How to Setup Code Environment
How to Setup Code Environment
How to Setup Code Environment
How to Setup Code Environment
How to Setup Code Environment
How to Setup Code Environment
How to Setup Code Environment
How to Setup Code Environment
Extensions
Prettier
html Tags
DOCTYPE Declaration Tag
• The <!DOCTYPE> Declaration
• The <!DOCTYPE> declaration represents the document type, and
helps browsers to display web pages correctly.
• It must only appear once, at the top of the page (before any HTML
tags).
• The <!DOCTYPE> declaration is not case sensitive.
• The <!DOCTYPE> declaration for HTML5 is:
Heading Tag
• HTML headings are defined with
the <h1> to <h6> tags.
• <h1> defines the most important
heading. <h6> defines the least important heading
Paragraph Tag
• HTML paragraphs are defined with
the <p> tag:
html Tags
Creating HTML Document
Select Save as
Click on File Option
Saving HTML Document
Viewing HTML document
Lab Report 1
1.Download and install visual studio and attach screenshots of
the steps.
2.Create an html document including the following instructions :
Heading should be your registration number
Title should be your student id and your full name
Include a paragraph containing your personal information
(Completed courses, completed credits, courses that you have
registered for this semester),
**Must Include code and output screenshots and coverpage in your lab report**
Submission Date : Next Lab Class
Thank You