{"action":"created","comment":{"url":"https://api.github.com/repos/kodeklubben/oppgaver/pulls/comments/85826020","pull_request_review_id":6517937,"id":85826020,"diff_hunk":"@@ -0,0 +1,164 @@\n+---\n+title: \"Hvor er HTML? Jeg ser den ikke!\"\n+level: 1\n+language: nb-NO\n+---\n+\n+# Introduksjon {.intro}\n+\n+Målet med denne oppgaven er å _vise_ hvor HTML finnes i virkelige nettsider, uten først å måtte pugge navnet på tags. Vi skal prøve å gi en intuitiv forståelse av HTML som trestruktur, uten alt for mye distraksjoner.\n+\n+Denne oppgaven er demonstrert med nettleseren Google Chrome. Bruk Google Chrome hvis du har den.\n+\n+# Steg 1: Se {.activity}\n+\n+Hvor er da all HTML-koden bak nettsidene vi ser til vanlig? Den er gjemt bakk nettleseren! La oss ta en titt.\n+\n+## Aktiviteter {.check}\n+\n+- Gå til [kodeklubben.github.io](http://kodeklubben.github.io) i Chrome eller Firefox\n+- Høyreklikk på katten og trykk `Inspisér` (norsk) eller `Inspect` (engelsk).\n+\n+  ![](inspiser_katten.png)\n+\n+  Når vi klikker på `Inspiser`, får vi se en meny til hjelp for utviklere. Denne er svært nyttig til webutvikling.\n+\n+  ![](kattens_kildekode.png)\n+\n+  Ser du den fargede teksten, du også? Det er HTML, slik Chrome leser den! Nettsidens kildekode.\n+\n+  Kildekoden til katten ser slik ut:\n+\n+  ```html\n+  <img src=\"scratch/logo-black.png\">\n+  ```\n+\n+- Se om du finner igjen `scratch/logo_black.png` i kildekoden. Hold pekeren over filnavnet. Ser du filen dukker opp?\n+\n+- Inspiser slangen. Hva er filnavnet til slangen? Ser du det samme som meg?\n+\n+  ![](slangens_kildekode.png)\n+\n+  Kildekoden til slangen ser slik ut:\n+\n+  ```html\n+  <img src=\"python/logo-black.png\">\n+  ```\n+\n+## Hva har vi lært? {.protip}\n+\n+**Høyreklikk og inspect** finner HTML-koden til elementet vi ser på.\n+\n+**HTML-kode for bilder** ser slik ut:\n+```html\n+<img src=\"fil.png\">\n+```\n+\n+# Steg 2: Fjern {.activity}\n+\n+Nettleseren lar og tulle med HTML-koden til alle nettsider vi er på. Vi ødelegger ikke nettsidene, altså! Når vi gjør noe med nettsidene, er det bare i vår egen nettleser det skjer noe. Alle andre som ser på nettsiden ser en *helt vanlig* nettside.","path":"src/web/hvor_er_html/hvor_er_html.md","position":59,"original_position":59,"commit_id":"ed24473913b73902f00bcd79d5160d0ccad59165","original_commit_id":"ed24473913b73902f00bcd79d5160d0ccad59165","user":{"login":"arve0","id":4810521,"avatar_url":"https://avatars.githubusercontent.com/u/4810521?v=3","gravatar_id":"","url":"https://api.github.com/users/arve0","html_url":"https://github.com/arve0","followers_url":"https://api.github.com/users/arve0/followers","following_url":"https://api.github.com/users/arve0/following{/other_user}","gists_url":"https://api.github.com/users/arve0/gists{/gist_id}","starred_url":"https://api.github.com/users/arve0/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/arve0/subscriptions","organizations_url":"https://api.github.com/users/arve0/orgs","repos_url":"https://api.github.com/users/arve0/repos","events_url":"https://api.github.com/users/arve0/events{/privacy}","received_events_url":"https://api.github.com/users/arve0/received_events","type":"User","site_admin":false},"body":"Jeg skjønner hva du har tenkt til, men kunne dette avsnittet vært omformulert? Noe som å fortelle \"Nå skal vi endre på nettsiden direkte fra nettleseren..\"","created_at":"2016-10-31T20:30:07Z","updated_at":"2016-10-31T20:41:41Z","html_url":"https://github.com/kodeklubben/oppgaver/pull/315#discussion_r85826020","pull_request_url":"https://api.github.com/repos/kodeklubben/oppgaver/pulls/315","_links":{"self":{"href":"https://api.github.com/repos/kodeklubben/oppgaver/pulls/comments/85826020"},"html":{"href":"https://github.com/kodeklubben/oppgaver/pull/315#discussion_r85826020"},"pull_request":{"href":"https://api.github.com/repos/kodeklubben/oppgaver/pulls/315"}}},"pull_request":{"url":"https://api.github.com/repos/kodeklubben/oppgaver/pulls/315","id":91681971,"html_url":"https://github.com/kodeklubben/oppgaver/pull/315","diff_url":"https://github.com/kodeklubben/oppgaver/pull/315.diff","patch_url":"https://github.com/kodeklubben/oppgaver/pull/315.patch","issue_url":"https://api.github.com/repos/kodeklubben/oppgaver/issues/315","number":315,"state":"open","locked":false,"title":"Add visual HTML course","user":{"login":"teodorlu","id":5285452,"avatar_url":"https://avatars.githubusercontent.com/u/5285452?v=3","gravatar_id":"","url":"https://api.github.com/users/teodorlu","html_url":"https://github.com/teodorlu","followers_url":"https://api.github.com/users/teodorlu/followers","following_url":"https://api.github.com/users/teodorlu/following{/other_user}","gists_url":"https://api.github.com/users/teodorlu/gists{/gist_id}","starred_url":"https://api.github.com/users/teodorlu/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/teodorlu/subscriptions","organizations_url":"https://api.github.com/users/teodorlu/orgs","repos_url":"https://api.github.com/users/teodorlu/repos","events_url":"https://api.github.com/users/teodorlu/events{/privacy}","received_events_url":"https://api.github.com/users/teodorlu/received_events","type":"User","site_admin":false},"body":"Legg til en visuell introduksjon til HTML. La oss starte med å *vise* hva HTML *er* før vi gjør fryktelig mye mer med det.","created_at":"2016-10-31T20:15:51Z","updated_at":"2016-10-31T20:41:41Z","closed_at":null,"merged_at":null,"merge_commit_sha":"f36c166e0829dda32e8f85a8db074e14f1d06a53","assignee":null,"assignees":[],"milestone":null,"commits_url":"https://api.github.com/repos/kodeklubben/oppgaver/pulls/315/commits","review_comments_url":"https://api.github.com/repos/kodeklubben/oppgaver/pulls/315/comments","review_comment_url":"https://api.github.com/repos/kodeklubben/oppgaver/pulls/comments{/number}","comments_url":"https://api.github.com/repos/kodeklubben/oppgaver/issues/315/comments","statuses_url":"https://api.github.com/repos/kodeklubben/oppgaver/statuses/ed24473913b73902f00bcd79d5160d0ccad59165","head":{"label":"teodorlu:master","ref":"master","sha":"ed24473913b73902f00bcd79d5160d0ccad59165","user":{"login":"teodorlu","id":5285452,"avatar_url":"https://avatars.githubusercontent.com/u/5285452?v=3","gravatar_id":"","url":"https://api.github.com/users/teodorlu","html_url":"https://github.com/teodorlu","followers_url":"https://api.github.com/users/teodorlu/followers","following_url":"https://api.github.com/users/teodorlu/following{/other_user}","gists_url":"https://api.github.com/users/teodorlu/gists{/gist_id}","starred_url":"https://api.github.com/users/teodorlu/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/teodorlu/subscriptions","organizations_url":"https://api.github.com/users/teodorlu/orgs","repos_url":"https://api.github.com/users/teodorlu/repos","events_url":"https://api.github.com/users/teodorlu/events{/privacy}","received_events_url":"https://api.github.com/users/teodorlu/received_events","type":"User","site_admin":false},"repo":{"id":56989605,"name":"oppgaver","full_name":"teodorlu/oppgaver","owner":{"login":"teodorlu","id":5285452,"avatar_url":"https://avatars.githubusercontent.com/u/5285452?v=3","gravatar_id":"","url":"https://api.github.com/users/teodorlu","html_url":"https://github.com/teodorlu","followers_url":"https://api.github.com/users/teodorlu/followers","following_url":"https://api.github.com/users/teodorlu/following{/other_user}","gists_url":"https://api.github.com/users/teodorlu/gists{/gist_id}","starred_url":"https://api.github.com/users/teodorlu/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/teodorlu/subscriptions","organizations_url":"https://api.github.com/users/teodorlu/orgs","repos_url":"https://api.github.com/users/teodorlu/repos","events_url":"https://api.github.com/users/teodorlu/events{/privacy}","received_events_url":"https://api.github.com/users/teodorlu/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/teodorlu/oppgaver","description":"Oppgavesett for programmering","fork":true,"url":"https://api.github.com/repos/teodorlu/oppgaver","forks_url":"https://api.github.com/repos/teodorlu/oppgaver/forks","keys_url":"https://api.github.com/repos/teodorlu/oppgaver/keys{/key_id}","collaborators_url":"https://api.github.com/repos/teodorlu/oppgaver/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/teodorlu/oppgaver/teams","hooks_url":"https://api.github.com/repos/teodorlu/oppgaver/hooks","issue_events_url":"https://api.github.com/repos/teodorlu/oppgaver/issues/events{/number}","events_url":"https://api.github.com/repos/teodorlu/oppgaver/events","assignees_url":"https://api.github.com/repos/teodorlu/oppgaver/assignees{/user}","branches_url":"https://api.github.com/repos/teodorlu/oppgaver/branches{/branch}","tags_url":"https://api.github.com/repos/teodorlu/oppgaver/tags","blobs_url":"https://api.github.com/repos/teodorlu/oppgaver/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/teodorlu/oppgaver/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/teodorlu/oppgaver/git/refs{/sha}","trees_url":"https://api.github.com/repos/teodorlu/oppgaver/git/trees{/sha}","statuses_url":"https://api.github.com/repos/teodorlu/oppgaver/statuses/{sha}","languages_url":"https://api.github.com/repos/teodorlu/oppgaver/languages","stargazers_url":"https://api.github.com/repos/teodorlu/oppgaver/stargazers","contributors_url":"https://api.github.com/repos/teodorlu/oppgaver/contributors","subscribers_url":"https://api.github.com/repos/teodorlu/oppgaver/subscribers","subscription_url":"https://api.github.com/repos/teodorlu/oppgaver/subscription","commits_url":"https://api.github.com/repos/teodorlu/oppgaver/commits{/sha}","git_commits_url":"https://api.github.com/repos/teodorlu/oppgaver/git/commits{/sha}","comments_url":"https://api.github.com/repos/teodorlu/oppgaver/comments{/number}","issue_comment_url":"https://api.github.com/repos/teodorlu/oppgaver/issues/comments{/number}","contents_url":"https://api.github.com/repos/teodorlu/oppgaver/contents/{+path}","compare_url":"https://api.github.com/repos/teodorlu/oppgaver/compare/{base}...{head}","merges_url":"https://api.github.com/repos/teodorlu/oppgaver/merges","archive_url":"https://api.github.com/repos/teodorlu/oppgaver/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/teodorlu/oppgaver/downloads","issues_url":"https://api.github.com/repos/teodorlu/oppgaver/issues{/number}","pulls_url":"https://api.github.com/repos/teodorlu/oppgaver/pulls{/number}","milestones_url":"https://api.github.com/repos/teodorlu/oppgaver/milestones{/number}","notifications_url":"https://api.github.com/repos/teodorlu/oppgaver/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/teodorlu/oppgaver/labels{/name}","releases_url":"https://api.github.com/repos/teodorlu/oppgaver/releases{/id}","deployments_url":"https://api.github.com/repos/teodorlu/oppgaver/deployments","created_at":"2016-04-24T19:13:48Z","updated_at":"2016-04-24T19:13:52Z","pushed_at":"2016-10-31T20:14:03Z","git_url":"git://github.com/teodorlu/oppgaver.git","ssh_url":"git@github.com:teodorlu/oppgaver.git","clone_url":"https://github.com/teodorlu/oppgaver.git","svn_url":"https://github.com/teodorlu/oppgaver","homepage":"http://kodeklubben.github.io","size":43759,"stargazers_count":0,"watchers_count":0,"language":"Python","has_issues":false,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":1,"mirror_url":null,"open_issues_count":1,"forks":1,"open_issues":1,"watchers":0,"default_branch":"master"}},"base":{"label":"kodeklubben:master","ref":"master","sha":"cf20d784c155be6e18d4a8efc467411f71d106fb","user":{"login":"kodeklubben","id":4325933,"avatar_url":"https://avatars.githubusercontent.com/u/4325933?v=3","gravatar_id":"","url":"https://api.github.com/users/kodeklubben","html_url":"https://github.com/kodeklubben","followers_url":"https://api.github.com/users/kodeklubben/followers","following_url":"https://api.github.com/users/kodeklubben/following{/other_user}","gists_url":"https://api.github.com/users/kodeklubben/gists{/gist_id}","starred_url":"https://api.github.com/users/kodeklubben/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kodeklubben/subscriptions","organizations_url":"https://api.github.com/users/kodeklubben/orgs","repos_url":"https://api.github.com/users/kodeklubben/repos","events_url":"https://api.github.com/users/kodeklubben/events{/privacy}","received_events_url":"https://api.github.com/users/kodeklubben/received_events","type":"Organization","site_admin":false},"repo":{"id":17453180,"name":"oppgaver","full_name":"kodeklubben/oppgaver","owner":{"login":"kodeklubben","id":4325933,"avatar_url":"https://avatars.githubusercontent.com/u/4325933?v=3","gravatar_id":"","url":"https://api.github.com/users/kodeklubben","html_url":"https://github.com/kodeklubben","followers_url":"https://api.github.com/users/kodeklubben/followers","following_url":"https://api.github.com/users/kodeklubben/following{/other_user}","gists_url":"https://api.github.com/users/kodeklubben/gists{/gist_id}","starred_url":"https://api.github.com/users/kodeklubben/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kodeklubben/subscriptions","organizations_url":"https://api.github.com/users/kodeklubben/orgs","repos_url":"https://api.github.com/users/kodeklubben/repos","events_url":"https://api.github.com/users/kodeklubben/events{/privacy}","received_events_url":"https://api.github.com/users/kodeklubben/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/kodeklubben/oppgaver","description":"Oppgavesett for programmering","fork":false,"url":"https://api.github.com/repos/kodeklubben/oppgaver","forks_url":"https://api.github.com/repos/kodeklubben/oppgaver/forks","keys_url":"https://api.github.com/repos/kodeklubben/oppgaver/keys{/key_id}","collaborators_url":"https://api.github.com/repos/kodeklubben/oppgaver/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/kodeklubben/oppgaver/teams","hooks_url":"https://api.github.com/repos/kodeklubben/oppgaver/hooks","issue_events_url":"https://api.github.com/repos/kodeklubben/oppgaver/issues/events{/number}","events_url":"https://api.github.com/repos/kodeklubben/oppgaver/events","assignees_url":"https://api.github.com/repos/kodeklubben/oppgaver/assignees{/user}","branches_url":"https://api.github.com/repos/kodeklubben/oppgaver/branches{/branch}","tags_url":"https://api.github.com/repos/kodeklubben/oppgaver/tags","blobs_url":"https://api.github.com/repos/kodeklubben/oppgaver/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/kodeklubben/oppgaver/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/kodeklubben/oppgaver/git/refs{/sha}","trees_url":"https://api.github.com/repos/kodeklubben/oppgaver/git/trees{/sha}","statuses_url":"https://api.github.com/repos/kodeklubben/oppgaver/statuses/{sha}","languages_url":"https://api.github.com/repos/kodeklubben/oppgaver/languages","stargazers_url":"https://api.github.com/repos/kodeklubben/oppgaver/stargazers","contributors_url":"https://api.github.com/repos/kodeklubben/oppgaver/contributors","subscribers_url":"https://api.github.com/repos/kodeklubben/oppgaver/subscribers","subscription_url":"https://api.github.com/repos/kodeklubben/oppgaver/subscription","commits_url":"https://api.github.com/repos/kodeklubben/oppgaver/commits{/sha}","git_commits_url":"https://api.github.com/repos/kodeklubben/oppgaver/git/commits{/sha}","comments_url":"https://api.github.com/repos/kodeklubben/oppgaver/comments{/number}","issue_comment_url":"https://api.github.com/repos/kodeklubben/oppgaver/issues/comments{/number}","contents_url":"https://api.github.com/repos/kodeklubben/oppgaver/contents/{+path}","compare_url":"https://api.github.com/repos/kodeklubben/oppgaver/compare/{base}...{head}","merges_url":"https://api.github.com/repos/kodeklubben/oppgaver/merges","archive_url":"https://api.github.com/repos/kodeklubben/oppgaver/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/kodeklubben/oppgaver/downloads","issues_url":"https://api.github.com/repos/kodeklubben/oppgaver/issues{/number}","pulls_url":"https://api.github.com/repos/kodeklubben/oppgaver/pulls{/number}","milestones_url":"https://api.github.com/repos/kodeklubben/oppgaver/milestones{/number}","notifications_url":"https://api.github.com/repos/kodeklubben/oppgaver/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/kodeklubben/oppgaver/labels{/name}","releases_url":"https://api.github.com/repos/kodeklubben/oppgaver/releases{/id}","deployments_url":"https://api.github.com/repos/kodeklubben/oppgaver/deployments","created_at":"2014-03-05T19:59:03Z","updated_at":"2016-10-25T16:10:35Z","pushed_at":"2016-10-31T20:15:51Z","git_url":"git://github.com/kodeklubben/oppgaver.git","ssh_url":"git@github.com:kodeklubben/oppgaver.git","clone_url":"https://github.com/kodeklubben/oppgaver.git","svn_url":"https://github.com/kodeklubben/oppgaver","homepage":"http://kodeklubben.github.io","size":72206,"stargazers_count":16,"watchers_count":16,"language":"Python","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":47,"mirror_url":null,"open_issues_count":9,"forks":47,"open_issues":9,"watchers":16,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/kodeklubben/oppgaver/pulls/315"},"html":{"href":"https://github.com/kodeklubben/oppgaver/pull/315"},"issue":{"href":"https://api.github.com/repos/kodeklubben/oppgaver/issues/315"},"comments":{"href":"https://api.github.com/repos/kodeklubben/oppgaver/issues/315/comments"},"review_comments":{"href":"https://api.github.com/repos/kodeklubben/oppgaver/pulls/315/comments"},"review_comment":{"href":"https://api.github.com/repos/kodeklubben/oppgaver/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/kodeklubben/oppgaver/pulls/315/commits"},"statuses":{"href":"https://api.github.com/repos/kodeklubben/oppgaver/statuses/ed24473913b73902f00bcd79d5160d0ccad59165"}}}}
{"actor":{"display_login":"arve0"}}