html - minikurs ved Sverre Andreas Fekjan webforum

Like dokumenter
<HTML Koder> Enkle HTML koder for bruk til bl.a cachebeskrivelser. Ver. 2.01

Bilder, tabeller. Kirsten Ribu 26.09

Håkon Tolsby Håkon Tolsby

CSS-formatering: stilark med kommentarer

En enkel innføring i HTML koding

Oppgave 1. Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak.

Steg 1: Vi starter fra toppen

TENK TECH SUMMERCAMP BYGG DIN EGEN NETTSIDE

HTML5 og CSS. Webdesign med Dreamweaver. Glemmen vgs - Medier og kommunikasjon 1. januar Arly Dale 2013 Side 1

Håkon Tolsby Håkon Tolsby

EKSAMEN / 6101N WebPublisering

Kursdokumentasjon for Dreamweaver

I denne oppgaven forventer vi at du har vært gjennom HTML- og CSS-oppgavene så langt og/eller er kjent med <div> - og HTML5-taggene.

HTML: Legg til lyd og video

INF1040 Oppgavesett 2: Nettsider og XHTML

Steg 1: En første animasjon

EKSAMEN Web-publisering

Grunnleggende om websider og HTML-kode

NCE TOURISM FJORD NORWAY. FJORDNETT INTERNETTFORUM 2012 Bergen, 12./13. juni 2012

Brukerkurs 16.februar 2012

Oppsummering fra forelesning 2

MMT105 Internettprogrammering Uke 44, høst 2007

Stilark Cascading Style Sheets - CSS

Stilark Cascading Style Sheets - CSS

Læringsmål og pensum. Hvordan virker webteknologi? (klient-tjener arkitektur) HTML - virkemåte. Nettleser: Firefox, Opera, Safari

CSS: Endre utseende og stil på tekst Nybegynner

Oblig 2: Oppgave 1. section { width: 50%; height: 30%; margin: 5% 0 0 0; } h1 { color:#000000; font-size:2em;

file:///c:/users/michaelp/sites/dkdm/dw4/dreamweaver4o.html

Nettsider og XHTML. SGML-familien. Hvordan lage et nettsted

Oppbygging av innhold på responsive nettsider.

Webutvikling Oblig 5. Oppg 1. Her ser du sidebar og widgets som er tilgjengelig.

Oblig 1 Erlend Hannestad

OBLIG 1 - WEBUTVIKLING

Javascript. Mer om layout

GEO2311. Obligatorisk Innlevering 1

1. XHTML. Innhold Innledning

Oblig 1. Oppgave 1. Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak.

Tilpassning av Wordpress - Enterprise Theme

EKSAMEN Webpublisering

Halloweenimasjon Introduksjon Scratch PDF

"Dette skjer når jeg trykker på denne knappen" "Når jeg skriver i dette feltet, ser jeg at det andre forandrer seg"

Rammer. Mer om Javascript

Høgskolen i Telemark EKSAMEN Webpublisering (inkludert denne) Hjelpemiddel: Ingen

Webutvikling oblig 1 Marius Hanssen

1. Cascading Style Sheet (CSS)

ITF Eksamensform: Skriftlig (digital) Dato: 28/

Læringsmål og pensum. Skript og markupspråk. Hva er HTML?

Lyd og video på nettsider

Intro til WWW, HTML5 og CSS

Brukermanual Prosjekt nr Det Norske Veritas

Læringsmål XML. Markering av tekst. SGML-familien. Forstå prinsippene bak XML og XHTML. Forstå hva XML kan brukes til og hvordan.

Steg 1: Felix har forsvunnet!

EKSAMEN (Konvertert fra en gammel PHP-eksamen)

Tema Guide for PHP-Fusion v6.01.

Forsvunnet katt webside

HØGSKOLEN I SØR-TRØNDELAG

RAPPORT WEBP MAGNE SILJAN

Oblig 3 Webutvikling

HTML-del. 1. <!-- ikke slett min kode, vær så snill --> er a) en HTML stil-tag b) en CSS stil-tag c) en HTML kommentar-tag d) en CSS kommentar-tag

the web Introduksjon Lesson

Høgskoleni østfold EKSAMEN

HØGSKOLEN I SØR-TRØNDELAG

Brukerveiledning Bruk av siden. Når du går inn på siden får du opp følgende bilde:

CSS: Style nettsider. Introduksjon. Skrevet av: Arve Seljebu

Introduksjon til HyperText Markup Language

Oppgave 1. Oppgavenr A B C

Innføring i Dynamisk HTML

I denne oppgaven skal du lære hvordan du kan flytte rundt på elementer og gjemme elementene bak andre elementer ved hjelp av CSS.

Oppgavesamling til Webutvikling < >

Produktdokumentasjon gruppe 16 Grüner FK

Oppgave 1: Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak.

Web-programmering med JSP Løsningsforslag leksjon 3

(X)HTML, CSS og JavaScript HTML. Det første dokumentet Grunnleggende programmering i Java Monica Strand 26.

HØGSKOLEN I SØR-TRØNDELAG

INTRODUKSJON HVEM ER DETTE FAGET FOR?...

CSS: Style nettsider Nybegynner

Kursinformasjon på VVV

Løsningsskisse prøve IT1

IT-HJELP/ IT.UIB.NO Hvordan bidra med informasjon til IT-avdelingens hjemmesider (En innføring)

Eksempeleksamenssett for Informasjons og publiseringsteknologi faget høsten 2005.

En bedre verden med AJAX

Brukermanual til Domenia Norges adminløsning

file://c:\etext\document\dlftools.xsl

file:///c:/users/michaelp/sites/dkdm/dw5/dreamweaver5_1.html

Den beste måten hvis du skal endre allerede eksisterende artikler

XSLT 2. David Massey MBIB

Oppgave 1 (Etter forelesning 31/8) Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak.

FAGMILJØ OG STUDIETILBUD I HISTORIE (IHR)

Innhold. ailæring Lage/endre leksjon. Innledning Lage en leksjon Legge inn tekst, kulepunktliste og bilde... 6

SUKKERGRIS. Anita og Silje DAT100

I tillegg er det mulig å registrere informasjon om seg selv, slik som bakgrunn, vitenskapsdisiplin, emneord og Curriculum Vitae (CV).

Publiseringsveiledning for

CSS: Animasjon Nybegynner

Fraktaler og datastrukturer

Kjente saker for nytt grensesnitt for Oria

Manual for innlegging av standard sideinnhold og nyheter via «backend»

Introduksjon til Jupyter Notebook

BORRENYTT. Dette er en innføringsguide om hvordan man kan legge til nye poster, og hvordan disse bør settes opp.

Referansedokument meldingsimplementering

Transkript:

html - minikurs ved Sverre Andreas Fekjan webforum 26.10.11 html er begynner med <TAGG ATTRIBUTT= verdi > og slutter med </TAGG>. De fleste er omsluttende: <h1></h1> Overskrift <p></p> Avsnitt <strong> </strong> Fet <em> </em> Kursiv Noen kan brukes enkeltvis: <br /> Linjeskift (innenfor avsnitt) <hr /> Horisontal linje Noen er hierarkiske: En tabell begynner med <table>, så kommer første rad, så kommer første celle i raden <td>, og først her kommer teksten man skal skrive i tabellen. Dernest avslutter man først cellen, og man kan fortsette med flere celler <td> med tekst og avslutning, eller avslutte raden med. Så kan man fortsette med flere rader med celler <td> og tekst, som så avsluttes, før hele tabellen avsluttes med </table>. <ul><li></il></ul> Punkter Mellomrom:

Hjemmesiden til IHR som eksempel: Her er hjemmesiden til IHR avbildet slik den så ut 25.10.11. Html-koden som begynner på neste side er kopiert samme dato. De kan leses parallelt for å se hvordan de ulike kodene blir seende ut i praksis.

<table style="width: 560px; height: 94px;" border="0"> <td style="text-align: center;" colspan="2"> href="http://www2.uit.no/ikbviewer/page/ansatte/organisasjon/studier?p_dimension_id=88152&a mp;p_menu=28714&p_lang=2"><img style="border: 0px solid; margin: 0px 0px;" title="klikk her for å se studieprogram og emner." src="http://www2.uit.no/ikbviewer/content/267995/studieprogram%20og%20emner.jpg" alt="klikk her for å se studieprogram og emner." width="250px" height="35px" /></a></p> <td width="220"> <h2>om fagdisiplinene:</h2> <td style="text-align: right;" rowspan="4"><img style="border: 0px solid; margin: 0px 0px;" title="institutt for historie og religionsvitenskap (IHR)" src="http://www2.uit.no/ikbviewer/content/244129/img_1845.jpg" alt="institutt for historie og religionsvitenskap (IHR) (Bredde: 280px)" width="280px" height="186px" /><br /> <td><a href="http://www2.uit.no/ikbviewer/page/ansatte/organisasjon/artikkel?p_menu=28714&p_d ocument_id=213923&p_lang=2&p_dimension_id=88152"><img style="border: 0px solid; margin: 0px 0px;" title="klikk her for å komme til fagsiden for historie." src="http://www2.uit.no/ikbviewer/content/239405/historie.png" alt="historie.png (Original størrelse)" width="200px" height="50px" /></a> <td><a href="http://www2.uit.no/ikbviewer/page/ansatte/organisasjon/artikkel?p_menu=28714&p_d ocument_id=214710&p_lang=2&p_dimension_id=88152"><img style="border: 0px solid; margin: 0px 0px;" title="klikk her for å komme til fagsiden for religionsvitenskap." src="http://www2.uit.no/ikbviewer/content/239411/religionsvitenskap.png" alt="religionsvitenskap.png (Original størrelse)" width="200px" height="50px" /></a>

<td><a href="http://www2.uit.no/ikbviewer/page/ansatte/organisasjon/artikkel?p_menu=28714&p_d ocument_id=214700&p_lang=2&p_dimension_id=88152"><img style="border: 0px solid; margin: 0px 0px;" title="klikk her for å komme til fagsiden for teologi." src="http://www2.uit.no/ikbviewer/content/239417/teologi.png" alt="teologi.png (Original størrelse)" width="200px" height="50px" /></a> <td> <td><br /> </table> <hr /> href="http://www2.uit.no/ikbviewer/page/ansatte/organisasjon/artikkel?p_document_id=211583& amp;p_dimension_id=88152&p_menu=28927&p_lang=2"><img style="border: 0px solid; margin: 0px 0px;" title="klikk her for mer info om RHD." src="http://www2.uit.no/ikbviewer/content/215407/rhd%20546.jpg" alt="rhd (Original størrelse)" width="546" height="42" /></a></p> <hr /> <table style="width: 560px; height: 120px;" border="0"> <tr bgcolor="#6495ed"> <td width="280"> <h2>presentasjon av instituttet</h2> <td width="280"> <h2>instituttets virksomhet</h2>

<tr bgcolor="#9db8e5"> <td> href="http://www2.uit.no/ikbviewer/page/ansatte/organisasjon/omenheten?p_dimension_id=8815 2&p_menu=28927&p_lang=2">Om instituttet</a></p> href="http://www2.uit.no/ikbviewer/page/ansatte/organisasjon/ansatte?p_dimension_id=88152&a mp;p_menu=28711&p_lang=2">ansatte ved IHR</a></p> <td> href="http://www2.uit.no/ikbviewer/page/ansatte/organisasjon/forskning?p_dimension_id=88152 &p_menu=28713&p_lang=2">forskning ved IHR</a></p> <h3>forskningsprosjekter:</h3> <ul> href="http://www2.uit.no/ikbviewer/page/ansatte/organisasjon/artikkel?p_document_id=80748&a mp;p_menu=28713&p_dimension_id=88152&p_lang=2" title="creating the New North">Creating the New North (CNN)</a></li> href="http://www2.uit.no/ikbviewer/page/publikum/prosjekter/prosjekt?p_document_id=220860" >Narrating the High North (NHN)</a></li> href="http://www2.uit.no/ikbviewer/page/ansatte/organisasjon/artikkel?p_document_id=120785& amp;p_dimension_id=88152&p_menu=42515&p_lang=2" title="neighbourly asymmetry">neighbourly Asymmetry: Norway and Russia 1814-2014</a> </li>

href="http://www.rhd.uit.no/nhdc/hpr.html" title="bef.register">historical Population Register (RHD)</a></li> href="http://www2.uit.no/ikbviewer/page/ansatte/organisasjon/artikkel?p_document_id=223663& amp;p_dimension_id=&p_menu=&p_lang=">sparebank 1 Nord-Norges historie<br /></a></li> </ul> </table> <p style="text-align: center;"><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3a%2f%2fwww.facebook.com%2fp ages%2freligionsvitenskap-og-teologi-ved- UiT%2F155832034443222&width=500&colorscheme=light&show_faces=false&s tream=true&header=true&height=427" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; width: 500px; height: 427px;"></iframe></p> Nærmere innføring i html: Aslaugberg, Geir Juul (2007) Bli kjent med HTML en referanse, Bookworld, Oslo. http://www.echoecho.com