Scribd
Upload
42 views11 pages

Green University of Bangladesh: Submitted To

The document discusses HTML basics and CSS. It defines HTML as a set of markup tags for describing web pages and outlines the basic HTML structure of tags like <html>, <head>, and <body>. It then discusses common HTML tags like <b>, <i>, and <p> and what CSS is, how it defines how HTML elements are displayed using syntax like h1{color: red;}. It covers CSS attributes for backgrounds, colors, fonts and inserting CSS through external style sheets, internal style sheets or inline styles. It concludes with discussing styling links through states like a:link and a:hover.

Uploaded by

Tanvir Ahamed Tuhin
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
42 views11 pages

Green University of Bangladesh: Submitted To

The document discusses HTML basics and CSS. It defines HTML as a set of markup tags for describing web pages and outlines the basic HTML structure of tags like <html>, <head>, and <body>. It then discusses common HTML tags like <b>, <i>, and <p> and what CSS is, how it defines how HTML elements are displayed using syntax like h1{color: red;}. It covers CSS attributes for backgrounds, colors, fonts and inserting CSS through external style sheets, internal style sheets or inline styles. It concludes with discussing styling links through states like a:link and a:hover.

Uploaded by

Tanvir Ahamed Tuhin
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd

GREEN UNIVERSITY OF

BANGLADESH

Submitted by
NAME
ID
BATCH

: MD. Rasel Dewan


: 130102027
: CSE

Submitted to

Name
rana
Lecture
Dept : CSE

: Mr. Humayan Kabir

TOPIC

HTML BASICS AND CSS

HTML ?

Is set of Markup tags for describing web page.

HTML BASIC STRUCTURE

<html>
// Describes the Web Page.
<head>
</head>
<body>
// The Visible Page Content .
<h1>Rasel Dewan</h1>
// Displayed as a heading .
<p> gasgdgagsggd </P>
// Displayed as a paragraph
</body>
</html>

SOME HTML TAG


<b>
<em>
<i>
<small>
<big>
<sub>
<sup>
<del>
<mark> // etc.

What is CSS ?

Defines How to HTML elements are Displayed.

CSS Syntax :
h1{color: red;font-size:12px;}

CSS Background Attributes

Background-color : red/#cococo/rgb(255,0,0)
Background-image : url([Link])
Background- attachment: fixed
Background-repeat : no repeat/repeat-x/repeat-y
Background-position : center/right top/10px 20px

Three Ways to Insert CSS

External Style Sheet

We can change the look of an entire web by changing just one file.
<head>
<link rel=styleshheet type=text/css herf=[Link]>
</head>

Internal Style Sheet

we define internal style in the head section of an html


page, inside the <style>tag.

<head>
<style>
body{ background- color: green;}
h1{ color: red;}
</style>
</head>

Three Ways to Insert CSS

Inline Style Sheet


An inline style should be used when a single tag has a unique
style.
<h1 style=color:red;margin-left:30px;>Rasel</h1>

STYLEING LINKS
The Four States are:
a:link
a:visited
a:hover
a:active

THANKS

You might also like