100% satisfaction guarantee Immediately available after payment Both online and in PDF No strings attached
logo-home
Samenvatting Webapplicaties I $5.86
Add to cart

Summary

Samenvatting Webapplicaties I

1 review
 117 views  5 purchases
  • Course
  • Institution

Dit is een samenvatting van Webapplicaties I binnen de opleiding 1e bachelor Toegepaste Informatica op HoGent. Deze bevat ongeveer alles - het belangrijkste althans - en is ook handig om bijvoorbeeld mee te nemen naar het examen. Opgenomen in deze samenvatting: - HTML Template - HTML Comments - C...

[Show more]

Preview 3 out of 17  pages

  • November 12, 2018
  • 17
  • 2017/2018
  • Summary

1  review

review-writer-avatar

By: damondeletter5 • 4 year ago

avatar-seller
Webapps I


HTML

<!DOCTYPE HTML>

<html lang=”en”>

<head>

<meta charset=”utf-8”>

<title>Hello World</title>

</head>

<body>

<h1>Hello World</h1>

<p>This is a web page</p>

</body>

</html>

Of typ in Visual studio code doc en hit enter à done

COMMENTAAR IN HTML

<!—Commentaar -->

CSS LINKEN AAN HTML

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

STRUCTUUR




<header> </header> => paginatitel/logo/evt navigatie


1

, Webapps I


<footer></footer> => copyright, contact, extra links,…

<nav></nav> => navigatiesectie

<article></article> => zelfstandig stuk inhoud

<aside></aside> => zijdelingse info (info artikel, bronverwijzing, sidiebar, tweets, advertentie,…)

<section></section> => groepeert gerelateerde info, heeft meestal eigen kop

<main></main> => belangrijkste inhoud webpagina

<div></div> => geen betekenis

Element Functionaliteit
<h1> -<h6> Hoofdingen
<em> Accent op tekst leggen (italic)
<small> Kleinere tekst
<strong> Benadrukt stuk tekst (bold)
<sub> Subscript tekst
<sup> Superscript tekst
<p> Paragraaf
<br> Line break
&nbsp Non-breaking-space (geforceerde spatie)
<hr> Horizontale lijn over breedte pagina
<blockquote> Lange citaten – wordt als één blok getoond
<q> Kort citaat. Automatisch aanhalingstekens
toegevoegd
<cite> Verwijzing naar boek, film, à auteur, link, titel
<abbr> Afkorting à in attribuut title kan je verklarende
tekst opnemen
<dfn> Definitie van een term
<time> Duidt op tijdstip/datum
<address> Adres met contact informatie (ook email,telnr)
<ins> Stuk ingevoegde tekst
<del> Stuk verwijderde tekst
<s> Doorgehaalde tekst
<small> Kleiner lettertype
&amp &
&quot “
&copy ©
<ol> Ordered list
<ul> Unordered list
<li> listitem
<dl> definitie lijst
<dt> term waarvoor definitie wordt gegeven
<dd> Definitie term
<span> </span> Heeft hetzelfde nut als een div, alleen kan dit
als inline element gebruikt worden




2

, Webapps I


URL

<a href=http://www.hogent.be>Hogeschool Gent</a>

Target=”_blank” gebruiken om weer te geven in nieuw tabblad

<a href=mailto:webmaster@hogent.be>Mail de webmaster</a>

Download=”naam” om een waarde te geven bij download

Rel=”nofollow” zodat zoekrobots link niet volgen

href=”#Jan” om de pagina te laten springen naar het element met id #jan



AFBEELDINGEN

<img src=”../images/chocolate.jpg” alt=”Chocolate” title=”Chocolate bar”/>

In link: <a href=”html/registreer.html”><img src=”images/iconreg.gif” alt=”iconReg”/></a>

INKAPSELEN

<figure>

<figcaption></figcaption>

</figure>

CSS

Eigenschap Value Functionaliteit
font-family family name | inherit Lettertype
font-size absolute-size | relative-size | length | Lettergrootte
percentage | inherit
Length … em of … px Lengte
Font-weight 100|200|300|400|500|600|700|800|900| lettergewicht
bold|bolder|lighter|normal|inherit
font-style italic|normal|oblique|inherit letterstijl
font-variant normal|small-caps|inherit lettervariant (normal,
klein kapitaal)
letter-spacing length|normal|inherit plaats tussen letters
word-spacing length|normal|inherit plaats tussen woorden
line-height normal|<number>|<length>|<percentage> | lijnhoogte
inherit
text-align center|justify|left|right|inherit tekst-alignatie
text-decoration underline|overline|line-trough|none|blink | onderlijnen,
inherit doorlijnen,..
text-indent lenth|percentage|inherit Eerste lijn inspringen
text-transform capitalize|lowercase|none|uppercase|inheri tekst omzetten in
t hoofletter+kleine,
allemaal hoofdletters,…
color color|inherit tekstkleur
background-color color|transparent|inherit achtergrondkleur
list-style-type (ul) none|disc|circle|square lijstsymbool

3

The benefits of buying summaries with Stuvia:

Guaranteed quality through customer reviews

Guaranteed quality through customer reviews

Stuvia customers have reviewed more than 700,000 summaries. This how you know that you are buying the best documents.

Quick and easy check-out

Quick and easy check-out

You can quickly pay through credit card or Stuvia-credit for the summaries. There is no membership needed.

Focus on what matters

Focus on what matters

Your fellow students write the study notes themselves, which is why the documents are always reliable and up-to-date. This ensures you quickly get to the core!

Frequently asked questions

What do I get when I buy this document?

You get a PDF, available immediately after your purchase. The purchased document is accessible anytime, anywhere and indefinitely through your profile.

Satisfaction guarantee: how does it work?

Our satisfaction guarantee ensures that you always find a study document that suits you well. You fill out a form, and our customer service team takes care of the rest.

Who am I buying these notes from?

Stuvia is a marketplace, so you are not buying this document from us, but from seller bert16. Stuvia facilitates payment to the seller.

Will I be stuck with a subscription?

No, you only buy these notes for $5.86. You're not tied to anything after your purchase.

Can Stuvia be trusted?

4.6 stars on Google & Trustpilot (+1000 reviews)

56326 documents were sold in the last 30 days

Founded in 2010, the go-to place to buy study notes for 14 years now

Start selling
$5.86  5x  sold
  • (1)
Add to cart
Added