HTML

What is HTML?

Hyper text markup language is the content and structure of a webpage through the use of elements.

What is the opening & closing tag for a main heading?

<h1> & </h1>

What is the opening and closing tag for a subheading?

<h2> & </h2>

What is the opening and closing tag for a paragraph?

<p> & </p>

What are void elements?

• HTML elements with no closing tags.

• Some void elements have this structure <element/> but it’s unnecessary.

• They have no content.

What is an attribute?

• An attribute is placed inside the opening tag that adds additional information to the element or says how it should work.

• <element attribute=“value”></element>

What does the src attribute do?

• It specifies the location of the image.

• Structure = <img src=“link”>

What does the alt attribute do?

• It provides short descriptive texts for the image

• Not required but recommended

• Usually after the src

• E.g alt= “two tabby kittens sleeping together on a couch”

What does the attribute Href do?

• It identifies the URL of a link

• It is required as without it the link wouldn’t work since there would be no destination URL.

What does the ‘target’ attribute do?

It identifies where to open the link

What does the ‘a’ attribute do?

• This is used to create hyperlinks

• Users select the clickable part between the opening and closing a tags.

What does Target=“blank” do?

Opens the link in a new webpage

What does the attribute ‘checked’ do?

• It makes the checkbox checked by default

• <input type= “checkbox” checked/>

• Has a unique setup; doesn’t need a value

What are inputs used for?

To collect data from users

What does the type attribute do?

It specifies the type of input

What does the attribute ‘disabled’ do?

• It makes the action disabled

• E.g <input type=“text” disabled> means you won’t be able to type in the box until you remove the ‘disabled’

What is the element ‘link’ used for?

• It is used to link external resources (e.g style sheets & site icons).

What is the basic formula for using the ‘link’ element for an external CSS file?

<link rel=“stylesheet” href=“./styles.css”/>

What is the ‘rel’ attribute used for?

• It specifies the relationship between the linked resource & the HTML document.

What is a style sheet?

• A set of CSS rules used to control the layout & design of a webpage or document.

What is an external sylesheet?

A separate CSS file that can be accessed by creating a link in the heading section of the web page.

What is CSS?

It is used to describe the style of a HTML document

What does a fit with a forward slash (. / ) tell the computer?

It tells the computer to look in the current folder or directory ( a structured list/index with organised info e.g addresses, names or files) for a file.