0% found this document useful (0 votes)
16 views3 pages

Lab 1

The document outlines a lab assignment for the course CSE3150, focusing on HTML and CSS. It provides a comprehensive list of HTML tags and CSS properties that students must use to create an HTML page. Additionally, it encourages the use of internal, external, and embedded CSS for styling the page.

Uploaded by

try.nahush
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
16 views3 pages

Lab 1

The document outlines a lab assignment for the course CSE3150, focusing on HTML and CSS. It provides a comprehensive list of HTML tags and CSS properties that students must use to create an HTML page. Additionally, it encourages the use of internal, external, and embedded CSS for styling the page.

Uploaded by

try.nahush
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Course Code: CSE3150

Course Title: Front End Full Stack Development


Lab sheet-1
Introduction: Familiarization of HTML and CSS
Make an HTML page and use all the following html tags and CSS elements.
(Refer online tutorials if needed)
HTLML
<!DOCTYPE html>: Declaration of HTML5 document type.
<html>: Root element of an HTML page.
<head>: Contains meta-information about the HTML document.
<title>: Sets the title of the HTML document.
<body>: Contains the content of the HTML document.
<h1> to <h6>: Headings, with <h1> being the largest and <h6> the smallest.
<p>: Paragraph.
<br>: Line break.
<hr>: Horizontal rule (line).
<a>: Anchor, used for hyperlinks.
<img>: Image.
<ul>: Unordered list.
<li>: List item within an unordered or ordered list.
<ol>: Ordered list.
<li>: List item within an unordered or ordered list.
<table>: Table.
<tr>: Table row.
<td>: Table cell (data).
<th>: Table header cell.
<div>: Generic container or division.
<span>: Inline container.
<strong>: Strong importance, typically displayed as bold.
<em>: Emphasis, typically displayed as italic.
<b>: Bold text.
<i>: Italic text.
<u>: Underlined text.
<s> or <strike>: Strikethrough text.
<sub>: Subscript.
<sup>: Superscript.
<blockquote>: Block quotation.
<cite>: Citation.
<code>: Inline code.
<pre>: Preformatted text.
<address>: Contact information for the author or owner of a document.
<abbr>: Abbreviation or acronym.
<del>: Deleted text.
<ins>: Inserted text.

CSS
Color:
color: Sets the text color.
background-color: Sets the background color.
Typography:
font-family: Defines the font family.
font-size: Sets the font size.
font-weight: Specifies the font weight (e.g., bold).
font-style: Specifies the font style (e.g., italic).
Text:
text-align: Aligns text (left, right, center, justify).
text-decoration: Adds decoration to text (e.g., underline).
line-height: Sets the height of a line of text.
Spacing:
margin: Sets the margin outside an element.
padding: Sets the padding inside an element.
Borders:
border: Sets the border properties (width, style, color).
border-radius: Defines the radius of rounded corners.
Layout:
width: Sets the width of an element.
height: Sets the height of an element.
display: Defines the display behavior of an element (e.g., block, inline).

Try Internal CSS, external CSS and embedded CSS

You might also like