Scribd
Upload
2 views

DIpak-vaghela

The document provides an overview of HTML, CSS, and JavaScript, detailing various elements, properties, and their usage. It includes examples of HTML tags, CSS styling techniques, and JavaScript functionalities. Key topics covered include responsive design, CSS layout properties, and the role of JavaScript in web development.

Uploaded by

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

DIpak-vaghela

The document provides an overview of HTML, CSS, and JavaScript, detailing various elements, properties, and their usage. It includes examples of HTML tags, CSS styling techniques, and JavaScript functionalities. Key topics covered include responsive design, CSS layout properties, and the role of JavaScript in web development.

Uploaded by

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

----------------------------------HTML:- Hyper Text Markup

Language--------------------------------

Link di-9898:-https://di9898.github.io/music-show1/
https://di9898.github.io/dance/

TABLE:- table,tr,<th>,td

LIST:- ul,ol

block Elemente:-
div,footer,form,h1..h6,header,hr,li,nav,ul,ol,p,section,table,video,main

inline Elemente:-
a,b,br,button,em,i,img,intup,label,script,select,small,span,textarea,var

class-demo:-<div class="abc">
id damo:-<div id="abc">

javacript atej:-<script>document.getElementById("demo").innerHTML = "Hello


JavaScript!";</script>

HTML File Paths:-<img src="/images/img.png" alt="Mountain">

Responsive:-@media screen and (max-width: 1200px)

INPUT:-<input type="text,radio,checkbox,submit,button">

target="_blank:- the link is new tab open

------------------------------CSS:- Cascading Style Sheets


-------------------------------

External CSS:-<link rel="stylesheet" href="css/style.css">


Internal CSS:-<style></style>
Inline CSS:-<p style="color:red;"></p>

Background:-background-color,background-image,background-repeat,background-
attachment,background-position

background-image: url("../images/img.png");

Borders:-solid,dotted,dashed,douuble,none,hidden
border:-2px solid bleck;
border-radius: 50%;

margin:-margin-top,margin-right,margin-bottom,margin-left

padding:-padding-top,padding-right,padding-bottom,padding-left
CSS height and width Values:-auto,length, %,initial ,inherit

Text Alignment and Text Direction:-text-align,text-align-last,direction,unicode-


bidi,vertical-align

Text Decoration:-text-decoration-line,text-decoration-color,text-decoration-
style,text-decoration-thickness,text-decoration

Text Transformation:-uppercase,lowercase,capitalize

Text Spacing:-text-indent,letter-spacing,line-height,word-spacing,white-space

The CSS font-family Property:-font-family: "Times New Roman", Times, serif;

The CSS Font Property:-font-style,font-variant,font-weight,font-size/line-


height,font-family

Styling Links:- a:link - a normal, unvisited link


a:visited - a link the user has visited
a:hover - a link when the user mouses over it
a:active - a link the moment it is clicked

list-style-type:-circle,square,upper-roman,lower-alpha

The display Property:-inline,block,,contents,flex,grid,inline-block,,inline-


flex,inline-grid,inline-table
list-item,run-in,table,table-caption,table-column-
group,table-header-group,table-footer-group
table-row-group,table-cell,table-column,table-row
none,initial,inherit

Using width, max-width and margin: auto;

The position Property:-static,relative,fixed,absolute,sticky

The z-index Property:-Sets the stack order of an element

CSS Overflow:-overflow ,visible ,hidden ,scroll ,auto

The float Property:-left ,right,none,inherit

The clear Property:-left ,right,none,both ,inherit

The display: inline-block Value:-display: inline,display: inline-block,display:


block

CSS Pseudo-classes:- hover,focus,active,visited

What is !important?
:-The !important rule in CSS is used to add more importance to a property/value
than normal.
CSS Grid Layout:- The Grid Layout Module offers a grid-based layout system, with
rows and columns.
:- grid-template-columns: box-2 to auto-2, box-3 to auto-3 ,box-4 to
auto-4
:- column-gap,row-gap

display: flex:-flex-direction
flex-wrap
flex-flow
justify-content
align-items
align-content

The CSS flex-direction Property:- row


column
row-reverse
column-reverse

The CSS flex-wrap Property:- nowrap


wrap
wrap-reverse

The CSS flex-flow Property:-The flex-flow property is a shorthand property for


setting both the
flex-direction and flex-wrap properties.

The CSS justify-content Property:- center


flex-start
flex-end
space-around
space-between
space-evenly

The CSS align-items Property:- center


flex-start
flex-end
stretch
baseline
normal
space-around
space-between
space-evenly

-------------------------
Javascript--------------------

what is JavaScript?:-javaScript is the programming language of the web.

You might also like