50% found this document useful (2 votes)
99 views6 pages

HTML & CSS

This document provides an overview of HTML and CSS topics covered in a book on web design. It discusses HTML tags for defining content like headings, paragraphs, bold and italic text. It also covers CSS concepts like selectors, declarations, properties and values for styling elements. Specific CSS topics mentioned include styling text, boxes, lists, links and images. Tables and their styling are also discussed. The document lists chapter topics from the book on HTML links, images, preloading audio/video, CSS containers, classes, IDs, font properties and box model concepts like width, padding and margin.

Uploaded by

Misha Waseem
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
50% found this document useful (2 votes)
99 views6 pages

HTML & CSS

This document provides an overview of HTML and CSS topics covered in a book on web design. It discusses HTML tags for defining content like headings, paragraphs, bold and italic text. It also covers CSS concepts like selectors, declarations, properties and values for styling elements. Specific CSS topics mentioned include styling text, boxes, lists, links and images. Tables and their styling are also discussed. The document lists chapter topics from the book on HTML links, images, preloading audio/video, CSS containers, classes, IDs, font properties and box model concepts like width, padding and margin.

Uploaded by

Misha Waseem
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/ 6

HTML & CSS

Markup: Diff tags


Tags: decribed and define diff contents.
For Styling: Need CSS (Cascaing Style Sheets)
HTML5 & CSS3 (Latest Version)
BOOK: HTML & CSS by JON DUCKETT
< >
(Tag)
<html> (tag for opening)
</html> (tag for closing)
Visual Studio Code (Text editor)
Heading
<h1> Main heading </h1>
// heading size decreases
//
<h6> </h6>

For Comment Out


<!- -h3> ----------------- </h3- ->

<p> </p> (Tag for Paragraph)


CHAPTER#2
BOLD TAG: <b> -------------- </b>
ITALIC TAG: <i> --------------- </i>
SuperScript Tag: <sup> ---------- </sup> // (( <p> 4 <sup> th </sup>
</p>))
SubScript Tag: <sub> ----------- </sub> // (( <p> 4 <sub> th </sub>
</p>))
Line Break Tag: <br/> // Paragraph tag again & again
Horizontal Tag: <hr/>
CHAPTER#3
LIST
Ordered (1,2 ,3 etc) and Unordered (Bullets form)
CHAPTER#4
LINKS
1- Linking to other sites
<a href=http/: ---------------Google> // href= attribute
</a>
2-
<a href=link-index.html> Home </a>
3- Open Link in a new window
<a href= target= _blank>
4- Links on the same page
<h1
<p> <a href=#top> Top </a>
</p>

Jahan jana hota hai wahan id


Href pay who naam id ka

Chapter#5
Images on web page
Tag:
<img/>

BASIC STRUCTURE OF TABLE


Table= Row wise
ROW SPAN
COL SPAN
SECOND DAY!!!!

Preload= without buffering


Controls= on , off etc.
Loop= play again

<div> = container
-----------------------------------------------------------------------------------------
CSS !!!!
Concepts & Rules
Tags represents a container
Conatiner is an imaginary box (styling will be inside that)
BOXES
TEXT
SELECTOR : h1
DECLARATION: font family
PROPERTY: part of decl
VALUE: part of decl
h1,h2,h3{
Font family Times New Roman
}
CHAPTER#11
Classes
Id
Classes and id in html
Define that in css file.

Font-size: 40px/500%
Pintro:first-line/first-letter { font-weigh:bold }

.credits { }
a{
Text-decoretion: none;}
a:hover{ Text-decoretion: underline;
}
CHAPTER # 13
CSS DECLARATIION
BOXES
Width and length
Padding= gap from the line
Margin= length (distance b/w box and container) (box & web pages)
Brorder-radius: for rounded border
CHAPTER#14
STYLING LISTS
List-style-type: For changing the type of ordered and unordered lists.
List-style-position and list-style: list-style: inside:circle
First Edition Auctions: Tables and its styling
Border-spacing and Border-collapse
LAST DAY!!!!

BG REPEAT: NO TILES
Margin = Top Left Bottom Right 30px auto 20 px auto
Display: block /fix (will not move)
General properties will be overwrite by intentionaaly changed
-------------------------------------THE END------------------------------------------

You might also like