Web Development Fundamentals at University Of British Columbia | Flashcards & Summaries

Select your language

Suggested languages for you:
Log In Start studying!

Lernmaterialien für Web Development Fundamentals an der University of British Columbia

Greife auf kostenlose Karteikarten, Zusammenfassungen, Übungsaufgaben und Altklausuren für deinen Web Development Fundamentals Kurs an der University of British Columbia zu.

TESTE DEIN WISSEN

What is an attribute in HTML and what information does it provide?

Lösung anzeigen
TESTE DEIN WISSEN

An attribute in HTML is a property and can provide information on how this property acts. 

For example: width =350px

Lösung ausblenden
TESTE DEIN WISSEN

Where does the tag to connect HTML and CSS files go? And what tag is it?

Lösung anzeigen
TESTE DEIN WISSEN

The  tag goes inbetween the  tag of an html document and contains a rel=' stylehseet' and href=' ' attributes with the path to the css file. 


* rel - establishes relationship between html and css file

* href - links to the external css file

Lösung ausblenden
TESTE DEIN WISSEN

What is chaining in CSS and how is it done? 

Lösung anzeigen
TESTE DEIN WISSEN

Chaining is requiring certain elements to have a style in order to apply it to another element. This is done as follows:


* h1.orange {

    color: orange;

}


this selects all h1's with a class of orange. 

this can also work with descendants / nested elements. ex:

<ul class = 'test'>

.test li {

    color: grey;

}

Lösung ausblenden
TESTE DEIN WISSEN

What do the following tags do?

<em>

<strong>

<a>

<sup>

<sub>

</hr>

<blockquote><p></p></blockquote> 

<p><q></q></p>

<p><abbr></abbr></p>

<p><cite></cite></p>

<p><dfn></dfn></p>

<address><p></p></adress>

<span></span>

Lösung anzeigen
TESTE DEIN WISSEN

<em> - italic


<strong> - bold

<a></a> - the href=' ' attribute adds a hyperlink to the enclosing text

target='_blank' opens the link in a new window

The <a> tag canalso link somewhere to the internal site href='/path'


<sup> - used as suffix date, math concepts, etc


<sub> - contains characters like foot notes Such as H2O


<hr /> - creates a break like when starting a new topic


<blockquote><p></p></blockquote> - used to show longer quotes 


<p><q></q></p> - used for shorter quotes wihtin a paragraph


<p><abbr></abbr></p> - used to abbreviate things such as titles ex: Prof instead of proffesor


<p><cite></cite></p> - used for citations


<p><dfn></dfn></p> - used for definitions


<address><p></p></address> - used for an email 


<span> - is used as an inline container


Lösung ausblenden
TESTE DEIN WISSEN

What do the following HTML tags do?

<nav></nav>

<main></main>

<section></section> 

<article></article>

<aside></aside>

<figure></figure>

<figcaption></figcaption>

<audio></audio>

<source>

<video>

<embed/>

Lösung anzeigen
TESTE DEIN WISSEN

<nav></nav> - defines a block containing links, tables of content. It can be contained inside the header element or on its own. 


<main></main> - contains the most important part of the body


<figure></figure> - used to encapsulate media like images, illiustrations, diagrams, code snippets, etc. 


</figcaption> - figcaption is used in order to describe media encapsulated by figure


<section></section> - defines a section of the document such as a chapter, or something of such importance 


<article></article> - contains data such as media, blogs, etc. (all article related.)


<aside></aside> - information that is not required, but can enhance another element such as bibliogrpahies, endnotes, comments, pull quotes, editorial sidebars, additional information. 


<audio></audio> - encapsulates source tags containing audio files


<source> - contains source to media and attribute type containing media type


<video></video> - controls attribute adds basic video controls, autoplay plays the video as soon as the page is loaded, loop loops the video over and over, the message between the video tags is displayed in case the video file is not able to be shown 


<embed> - can be used to add media from other websites 



Lösung ausblenden
TESTE DEIN WISSEN

What is a good resource to use in order to check if the outline is persistent?

Lösung anzeigen
TESTE DEIN WISSEN

tota11y: http://khan.github.io/tota11y/

is a tool that helps check if the HTML written is consistent. 

Lösung ausblenden
TESTE DEIN WISSEN

What are pseudo class selectors?

Lösung anzeigen
TESTE DEIN WISSEN

Pesudo class selectors are selectors that style an element after an action has been performed on them. LIike visiting a link and then having it display a purple color, or greying out a submit button in a form when it's incomplete.


This can be accessed via:

*  a:visited
* button:focus

*  x:disabled

*  x:active

* x:hover

Lösung ausblenden
TESTE DEIN WISSEN

What are some differences between web 1.0 and web 2.0

Lösung anzeigen
TESTE DEIN WISSEN

Web `1.0 is static and user input generally meant having the page either realoading or taking the user into a new iste. 


Web 2.0 is dynamic and allows the user to generate content and interact with the website without needing it to reload whole. 

Lösung ausblenden
TESTE DEIN WISSEN

What does SQL do? 

Lösung anzeigen
TESTE DEIN WISSEN

SQL can save, access, and modify data. 

Lösung ausblenden
TESTE DEIN WISSEN

What is the <span> tabg used for?

Lösung anzeigen
TESTE DEIN WISSEN

span, unlike div is used as an inline container. 

Lösung ausblenden
TESTE DEIN WISSEN

What cycle causes a website to be interactive?

Lösung anzeigen
TESTE DEIN WISSEN

Triggering events and having functions being used to respondo to these events make a website interactive. 

Lösung ausblenden
TESTE DEIN WISSEN

CSS:

!important

inherit

Lösung anzeigen
TESTE DEIN WISSEN

* !important - overrides any style despite specificity 


* inherit - ex: p {padding :inherit;} this will cause the p element to inherit values from their parent element

Lösung ausblenden
  • 10097 Karteikarten
  • 329 Studierende
  • 2 Lernmaterialien

Beispielhafte Karteikarten für deinen Web Development Fundamentals Kurs an der University of British Columbia - von Kommilitonen auf StudySmarter erstellt!

Q:

What is an attribute in HTML and what information does it provide?

A:

An attribute in HTML is a property and can provide information on how this property acts. 

For example: width =350px

Q:

Where does the tag to connect HTML and CSS files go? And what tag is it?

A:

The  tag goes inbetween the  tag of an html document and contains a rel=' stylehseet' and href=' ' attributes with the path to the css file. 


* rel - establishes relationship between html and css file

* href - links to the external css file

Q:

What is chaining in CSS and how is it done? 

A:

Chaining is requiring certain elements to have a style in order to apply it to another element. This is done as follows:


* h1.orange {

    color: orange;

}


this selects all h1's with a class of orange. 

this can also work with descendants / nested elements. ex:

<ul class = 'test'>

.test li {

    color: grey;

}

Q:

What do the following tags do?

<em>

<strong>

<a>

<sup>

<sub>

</hr>

<blockquote><p></p></blockquote> 

<p><q></q></p>

<p><abbr></abbr></p>

<p><cite></cite></p>

<p><dfn></dfn></p>

<address><p></p></adress>

<span></span>

A:

<em> - italic


<strong> - bold

<a></a> - the href=' ' attribute adds a hyperlink to the enclosing text

target='_blank' opens the link in a new window

The <a> tag canalso link somewhere to the internal site href='/path'


<sup> - used as suffix date, math concepts, etc


<sub> - contains characters like foot notes Such as H2O


<hr /> - creates a break like when starting a new topic


<blockquote><p></p></blockquote> - used to show longer quotes 


<p><q></q></p> - used for shorter quotes wihtin a paragraph


<p><abbr></abbr></p> - used to abbreviate things such as titles ex: Prof instead of proffesor


<p><cite></cite></p> - used for citations


<p><dfn></dfn></p> - used for definitions


<address><p></p></address> - used for an email 


<span> - is used as an inline container


Q:

What do the following HTML tags do?

<nav></nav>

<main></main>

<section></section> 

<article></article>

<aside></aside>

<figure></figure>

<figcaption></figcaption>

<audio></audio>

<source>

<video>

<embed/>

A:

<nav></nav> - defines a block containing links, tables of content. It can be contained inside the header element or on its own. 


<main></main> - contains the most important part of the body


<figure></figure> - used to encapsulate media like images, illiustrations, diagrams, code snippets, etc. 


</figcaption> - figcaption is used in order to describe media encapsulated by figure


<section></section> - defines a section of the document such as a chapter, or something of such importance 


<article></article> - contains data such as media, blogs, etc. (all article related.)


<aside></aside> - information that is not required, but can enhance another element such as bibliogrpahies, endnotes, comments, pull quotes, editorial sidebars, additional information. 


<audio></audio> - encapsulates source tags containing audio files


<source> - contains source to media and attribute type containing media type


<video></video> - controls attribute adds basic video controls, autoplay plays the video as soon as the page is loaded, loop loops the video over and over, the message between the video tags is displayed in case the video file is not able to be shown 


<embed> - can be used to add media from other websites 



Mehr Karteikarten anzeigen
Q:

What is a good resource to use in order to check if the outline is persistent?

A:

tota11y: http://khan.github.io/tota11y/

is a tool that helps check if the HTML written is consistent. 

Q:

What are pseudo class selectors?

A:

Pesudo class selectors are selectors that style an element after an action has been performed on them. LIike visiting a link and then having it display a purple color, or greying out a submit button in a form when it's incomplete.


This can be accessed via:

*  a:visited
* button:focus

*  x:disabled

*  x:active

* x:hover

Q:

What are some differences between web 1.0 and web 2.0

A:

Web `1.0 is static and user input generally meant having the page either realoading or taking the user into a new iste. 


Web 2.0 is dynamic and allows the user to generate content and interact with the website without needing it to reload whole. 

Q:

What does SQL do? 

A:

SQL can save, access, and modify data. 

Q:

What is the <span> tabg used for?

A:

span, unlike div is used as an inline container. 

Q:

What cycle causes a website to be interactive?

A:

Triggering events and having functions being used to respondo to these events make a website interactive. 

Q:

CSS:

!important

inherit

A:

* !important - overrides any style despite specificity 


* inherit - ex: p {padding :inherit;} this will cause the p element to inherit values from their parent element

Web Development Fundamentals

Erstelle und finde Lernmaterialien auf StudySmarter.

Greife kostenlos auf tausende geteilte Karteikarten, Zusammenfassungen, Altklausuren und mehr zu.

Jetzt loslegen

Das sind die beliebtesten Web Development Fundamentals Kurse im gesamten StudySmarter Universum

Developmental

Griffith University

Zum Kurs
web developement

Misr International University

Zum Kurs
Developmental

University of Amsterdam

Zum Kurs
development

Porterville College

Zum Kurs
Web Development 2

Universidad Austral Buenos Aires

Zum Kurs

Die all-in-one Lernapp für Studierende

Greife auf Millionen geteilter Lernmaterialien der StudySmarter Community zu
Kostenlos anmelden Web Development Fundamentals
Erstelle Karteikarten und Zusammenfassungen mit den StudySmarter Tools
Kostenlos loslegen Web Development Fundamentals