HTML - Trevligare cacher

Här diskuterar vi olika cacher
d3bjorn
Geocachare
Inlägg: 538
Blev medlem: tis maj 26, 2009 10:51
Ort: Göteborg

Re: HTML - Trevligare cacher

Inlägg av d3bjorn » tis dec 13, 2011 19:10

emil.s skrev:Är faktiskt mycket enklare än man tror att koda för hand. Är egentligen bara:
<p> <br /> <b> och <hX> man behöver hålla reda på.
<img> och <a> om man håller på med bilder och länkar.
Bra grundverktygslåda!

Sedan kan man ju expandera den efter hand om man vill. Om man ser att någon har gjort någon grej som man själv vill ha med så kan man försöka läsa källkoden för den sidan och se hur det är gjort (och då får man hoppas att koden inte är genererad av Word eller någon annan dålig editor).

Många moderna sidor är ganska komplicerade med mycket javascript, css o.s.v. men man behöver inte krångla till det med sådan om man inte vill. Det är inte så svårt att skriva enkel html-kod. Om man klarar BBCode så klarar man det.
Användarvisningsbild
kung_gustaf
Geocachare
Inlägg: 299
Blev medlem: sön okt 23, 2011 21:42
Efternamn: Christian
Förnamn: Cassepierre

Re: HTML - Trevligare cacher

Inlägg av kung_gustaf » tis dec 13, 2011 22:00

Bra grundkurs ovan!

Men det där med <p> har jag inte fått till? Jag förstår inte innebörden.. i min så har jag ju inte ett enda <p>?

Förklara gärna #-o

Men en sak är säkert, det blir så mycket snyggare beskrivningar om man bara lär sig radbyte = <br>


/K_G
Kung_Gustaf & Dalecarlia = Stonebreakers
Bild
Användarvisningsbild
linsrille
Geocachare
Inlägg: 3112
Blev medlem: sön jun 21, 2009 11:24
Efternamn: Jonsson
Förnamn: Richard
Ort: Jönköping

Re: HTML - Trevligare cacher

Inlägg av linsrille » tis dec 13, 2011 22:27

<p> har du för att markera att innehållet är ett stycke eller paragraph på eng.
skriver du bara enkla grejer funkar det precis lika bra med <br>, men vill du justera och formatera text är <p> rätta vägen.

<p align=right>det här stycket hamnar till höger t.ex</p>
<p style="color:blue;">ett stycke med blå text</p>
Bild
Användarvisningsbild
teamroos
Geocachare
Inlägg: 110
Blev medlem: sön jul 10, 2011 16:51
Efternamn: Roos
Förnamn: Mikael
Ort: Ronneby / Bankeryd

Re: HTML - Trevligare cacher

Inlägg av teamroos » tis dec 13, 2011 22:30

kung_gustaf skrev:Bra grundkurs ovan!
Men det där med <p> har jag inte fått till? Jag förstår inte innebörden.. i min så har jag ju inte ett enda <p>?
Förklara gärna #-o
Men en sak är säkert, det blir så mycket snyggare beskrivningar om man bara lär sig radbyte = <br>
/K_G
Med paragraf-taggen, <p>, skulle din HTML se ut så här (utseendet borde bli samma):

<p><a href="http://laddauppbilder.se/?pm=13132375741115" title=
"nhl22"><img src="http://laddauppbilder.se/?dm=13132375741115" alt=
"nhl22" />
</a></p>
</center>
<p>Jason Demers<br />
Patrice Bergeron<br />
Jamie Benn<br />
Null Noboby<br />
<br />
Andrew Brunette<br />
Matt Beleskey<br />
Zero Noone<br />
Dave Bolland
</p>

<p>Contains log, note, pen, FTF-coin and <b>HIGH QUALITY items</b> to
trade! Trade up, trade equal or do not trade at all!</p>

<p><a href="http://www.geocaching.se/?page=hjalpmed ... ggen"><img style="display: block; margin-left:auto; margin-right:auto;"src="http://www.geocaching.se/images/dengodaloggen.png" /></a></p>

-----

Normalt undviker en webbutvecklare <br>-elementet eftersom det tillför presentation, det bestämmer hur HTML-koden skall visas. Presentation vill man göra med stylesheets och innehåll vill man ha i HTML-koden, det handlar i grund och botten om att separera innehåll och utseende. <br/> är utseende på det sättet som du använde det. <p> vore ett mer korrekt sätt att hantera paragrafer då man får ett tomrum motsvarande ca en rad efter paragrafen.

Detta är alltså grundtanken, om man sysslar med HTML dagarna i ända så spelar det viss roll. Men det är inget fel i sig att använda <br>.

Får man fram önskat resultat så är ju det bra, resten är av akademiskt intresse... :P
/teamroos
Bild Bild
vovvelivovven
Föreningsmedlem ★
Föreningsmedlem ★
Inlägg: 299
Blev medlem: ons sep 22, 2010 21:54
Efternamn: Nilsson
Förnamn: Ingvar L
Ort: Brämhult / Borås

Re: HTML - Trevligare cacher

Inlägg av vovvelivovven » tor dec 15, 2011 19:27

Men hallå!

För oss som använder Groundspeaks app i iPhone så är det rätt petigt med HTL-koden. Vissa cacher blir det väldigt stor text i och man kasn bara se något tiotal tecken i sidled och det är ett evigt scrollande fram&tillbaka.

Den HTML-redigerare som finns hos Sweden reviewers ger väldigt bra läslighet i iPhone.

Tycker Ingvar
Användarvisningsbild
teamroos
Geocachare
Inlägg: 110
Blev medlem: sön jul 10, 2011 16:51
Efternamn: Roos
Förnamn: Mikael
Ort: Ronneby / Bankeryd

Re: HTML - Trevligare cacher

Inlägg av teamroos » tor dec 15, 2011 21:25

Jo, dessutom bör man väl akta sig för att använda för mycket bilder i texten (vilket jag själv gjort ibland...) , iallafall om man tänker på de mobila användarna. Det som ser snyggt ut i webläsaren kan ta en himla tid att ladda ned i tex ifånen.
/teamroos
Bild Bild
Skriv svar