curlingthebrackets / web / web-emne / statisk / x-html /

• Mix
• tech
• web
• flash
• M2
• M5
• WP
• M10a
• About

Bogen i fokus

Bogen er selvfølgelig:

HEAD FIRST (X)HTML / CSS

Kapitel 1

Kap.1 , s.4 -5, – Kode <-> Browservisning
Kap.1 , s.12 -15, – Editorer på mac og i windows
Kap.1 , s.21, – At sætte tags rundt om indhold
Kap.1 , s.29->, – <Style> tag, body-selector

Kapitel 2

Kap.2 , s.45->, – <a href=”fil-reference”>Den tekst (eller billede(se Kap 5)) der lænkes </a>
Kap.2 , s.56->, – fil / mappestruktur, referencer, paths

Kapitel 3

Kap.3 , s.79->, – skitse -> omrids -> tags
Kap.3 , s.95->, – Block <-> Inline
Kap.3 , s.103->, – Lists
Kap.3 , s.109->, – Nesting tags
Kap.3 , s.114->, – Entities

Kapitel 4

Kap.4 , s.128->, – Domain
Kap.4 , s.133->, – FTP
Kap.4 , s.139->, – Absolute path
Kap.4 , s.141->, – Default pages
Kap.4 , s.145->, – Intern links, Extern links
Kap.4 , s.149->, – Links, Title attribute
Kap.4 , s.151->, – Anchor tags
Kap.4 , s.157->, – Target _blank

Kapitel 5

Kap.5 , s.167->, – <img>
Kap.5 , s.169->, – jpg <-> gif
Kap.5 , s.177->, – img attributes
Kap.5 , s.183->, – Resize image photoshop /save for web
Kap.5 , s.195->, – Thumbnails
Kap.5 , s.199->, – Photo pages + thumbnail links
Kap.5 , s.205->, – transparent gif

Kapitel 6

Kap.6 , s.226->, – html-history
Kap.6 , s.229->, – Doctype HTML 4 Transitional
Kap.6 , s.234->, – Validator
Kap.6 , s.240->, – <meta> Content type
Kap.6 , s.245->, – Doctype HTML 4 strict
Kap.6 , s.253->, – HTML 4 Guide

Kapitel 7

Kap.7 , s.267->, – Om XML
Kap.7 , s.272->, – XHTML 1 checklist
Kap.7 , s.272->, – Doctype XHTML 1 Strict, namespace – language

Kapitel 8

Kap.8 , s.291->, – <style type=”text/css”> tag
Kap.8 , s.295->, – Komma-separerede selectors
Kap.8 , s.305->, – external stylesheet
Kap.8 , s.319->, – class selector

Kapitel 9

Kap.9 , s.342->, – font properties
Kap.9 , s.351->, – web-fonts list
Kap.9 , s.352->, – css unities
Kap.9 , s.364->, – RGB
Kap.9 , s.367->, – Color names and codes
Kap.9 , s.377->, – Text decoration properties

Kapitel 10

Kap.10 , s.389->, – Line-height property
Kap.10 , s.391->, – Box model
Kap.10 , s.399->, – Class selector
Kap.10 , s.404->, – Background-image property
Kap.10 , s.414->, – Class <-> id
Kap.10 , s.421->, – Multiple stylesheets

Kapitel 11

Kap.11 , s.434->, – <div> + id
Kap.11 , s.444->, – Box width
Kap.11 , s.447->, – text-align property
Kap.11 , s.453->, – Descendant properties
Kap.11 , s.458->, – css shorthands
Kap.11 , s.464->, – <span>
Kap.11 , s.469->, – Pseudo:selectors
Kap.11 , s.475->, – Cascade specification

Kapitel 12

Kap.12 , s.492->, – flow
Kap.12 , s.495->, – float
Kap.12 , s.508->, – Columns: float – margins combination
Kap.12 , s.511->, – clear
Kap.12 , s.517->, – Frozen layout
Kap.12 , s.518->, – Jello layout
Kap.12 , s.520->, – Absolute positioning
Kap.12 , s.535->, – Fixed positioning
Kap.12 , s.539->, – Relative positioning

Kapitel 13

Kap.13 , s.557->, – Table elements -caption, summary
Kap.13 , s.564->, – border-collapse
Kap.13 , s.566->, – Styling alternate rows
Kap.13 , s.568->, – Rowspan (colspan)
Kap.13 , s.573->, – Nested table
Kap.13 , s.578->, – list-style properties

Kapitel 14

Kap.14 , s.592->, – How forms work
Kap.14 , s.596->, – <form action=””>
Kap.14 , s.598->, – form elements
Kap.14 , s.626->, – form in table
Kap.14 , s.630->, – CSS on table

SEO-tips

digitalpoint.com/tips/searchengine.html

HTML-referencer

Klik på overskriften for at gå i kommentar-boksen ..

Skriv en kommentar med en god html-reference-link og eventuelt lidt begrundelse -
Så kan alle få glæde af den.

Når I skriver jeres links ind i kommentar-boksen må I meget gerne benytte <a> tags’ene vist her:

 <a href="hele den lange http-adresse"> en kortere betegnelse </a>

- ellers blir en link ofte så lang at den skubber sidens layout i stykker, fordi den ikke kan ombrydes grundet manglende mellemrum.

Jeg glæder mig til at se hvad I har fundet!

html, så kan du lære det

Produktionen aktiveres med lidt humor, af hver sin slags:

Med alle forbehold for, at tabeller ikke skal bruges til at layoute med… Tabeller bruges til skemaer, og layout klares med css.

.

.

css-fix for q-tag citationstegn

Iexplorer viser ingen citationstegn i forbindelse med q-tags. Andre browsere gør.
En måde at tvinge citationstegn igennem går ud på: at skrive citationstegnene selv – og skjule dem i alle andre browsere, med css, på en måde Iexplorer ikke forstår.
W3C anbefaler ikke at man skriver citationstegn i q-tags — så skriver man dem bare udenfor! Læs artiklen fra alistapart her .

Linket ER blevet rettet!

Puslespil med tags

• Skriv(eller paste) en lille tekst i en text-editor og gem den med det rigtige ‘filnavn.html’
• Åbn den nye fil i en browser

En moderne browser vil højst sandsynligt vise teksten – bare uden struktur og uden den formatering du havde bestemt. Dermed kan du ikke få kontrol over din tekst.

• Pak det hele ind i de rigtige tags-elementer for at få den ønskede og korrekte struktur. Du vil få brug for at pusle-spille mellem føgende elementer – her listet op i en tosset rækkefølge :

• <p> </p>
• <title> </title>
• <em> </em>
• <img src=”" alt=”" />
• <head> </head>
• <br />
• <h1> </h1>
• <html> </html>
• <body> </body>
• <b> </b>

Hele din tekst skal forvandles til html: en skøn krop, der sidder et godt hoved på.