0% found this document useful (0 votes)
18 views

Web Technologies and Programming Lab L1

Uploaded by

Noshin Un Noor
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
18 views

Web Technologies and Programming Lab L1

Uploaded by

Noshin Un Noor
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 27

Web Technologies and programming Lab

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

Live Server Auto Close Tag

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

You might also like