Scribd
Upload
4 views5 pages

Cs Notes

The document provides notes on HTML, detailing the structure of open and closing tags, as well as attributes like href and target for links. It also covers CSS basics, including selectors, properties, and values, with examples for styling elements like buttons and borders. Additional notes clarify syntax rules and common properties used in CSS.

Uploaded by

vaishnaviverekar1
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
4 views5 pages

Cs Notes

The document provides notes on HTML, detailing the structure of open and closing tags, as well as attributes like href and target for links. It also covers CSS basics, including selectors, properties, and values, with examples for styling elements like buttons and borders. Additional notes clarify syntax rules and common properties used in CSS.

Uploaded by

vaishnaviverekar1
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/ 5

Computer science notes -html

HTML Tags

Open tags

e.g. <p> → p = paragraph

Closing tags

e.g. </p> → / + tag name

Def. Tells the browsers what content on


page means

<a></a> → a = anchor element

→ link to another website

→ <a href="url"> → link to YouTube </a>

---
href attribute

HTML attribute

Modifies where the link goes

target attribute

Modifies how element behaves

Determines whether link opens in current


page or another tab.

e.g. <a target="_blank"></a>

→ Will open in another tab

---

Element is anything displayed on a


webpage.
→ CSS

→ style element

color

e.g. <style> CSS selector { button


{ background-color: red; } } </style>

CSS selector = e.g. button

CSS property = e.g. background-color

CSS value = e.g. red

ending with } (acts like full stop)

---

Rounded border corners (bigger px =


more round)
border-radius: 2px;

border-style: solid;

border-width: 1px;

Change cursor

e.g. cursor: pointer;

Space between text and border

margin-right: 5px;

---

Extra Notes:

✘ Spaces are ignored in the syntax

✘ Anything between tags = element


✘ In CSS, for text color it’s just color: (not
text-color:)

✘ Property for borders:

border: thickness style colour

e.g. height: 50px

→ px = pixels

→ width: 105px

font-weight: bold; or (font-bold)

You might also like