Skal du tegne en tegning uten å ha en viskelær hendig? Vil du male et rom, uten å først tappe kantene på veggene? Vel, tenk ikke engang på blogging uten forståelse av følgende 7 HTML-koder, som en hvilken som helst online-forfatter burde vite.

Det er mange situasjoner når du må kanskje tilpasse formateringen av en bloggoppføring eller elektronisk artikkel. Hvis du er frilansforfatter, har du evnen til å levere en godt formatert artikkel uten å bruke en tekstredigerer og HTML-kode, en utmerket ferdighet å ha.

For å være markedsførbar og fleksibel på nettet, må du bare vite hvordan du formaterer en fullstendig HTML-artikkel, eller hvordan du finjusterer ting når et nettbasert redigeringsverktøy ikke får ting helt riktig. Følgende er 7 kritiske HTML-koder som du alltid skal ha i lommen, så vel som når og hvorfor du bør bruke dem.

HTML er ikke bare for geeks

Det er mange grunnleggende HTML-koder der ute, men denne artikkelen er ikke ment å være nok en ny introduksjon til HTML for de fattige forfattere som har absolutt ingen interesse i å lære å kode nettsider. Nei, det vi snakker om her, er formatering på nettet. For en artikkel som virkelig ser bra ut, er det noen generelle regler å følge og noen verdifulle, hardt lært tips som jeg virkelig ønsker jeg hadde kjent om da jeg først begynte å skrive for klienter på nettet.

Det sier jeg ikke lett. Jeg er programmerer på hjertet, og da jeg først begynte å skrive på nettet, kunne jeg ha kodet en nettside fra bunnen av uten å virkelig svette. Likevel hadde jeg mye å lære når det gjaldt å bruke HTML for artikkelformatering. I dag vil jeg passere noen av leksjonene jeg har lært i løpet av det siste tiåret, over til nye nye forfattere og bloggere. Her er de syv formateringstipsene vi skal se på koder for: sitatformatering, plassering av bilder, listeformatering, struktureringsoverskrifter, skape vekt i setninger, plassering av ikke-påtrengende annonser og krediteringskilder.

Headers - Hvem trenger dem?

Gjennom årene har etiketten for ting som header-koder (

,

, etc ...) har endret seg. Mens den gamle SEO-tipsen for å flyte overskrifter fra store til små i hele artikkelen, er det en konstant debatt blant utgivere om hvorvidt det er bedre å bare bruke samme overskriftstørrelse overalt, om ting som fet skrift innebærer en gyldig undertekst, og alle slags andre nit-kresne detaljer. Glem alt dette.

Alt du trenger å huske er at studier tydelig viser at øyemønsteret til leserne på nettet viser et klart F-formet mønster som du må dra nytte av når du skriver.

I en eye tracking studie utført av Nielsen Norman Group, fant forskerne at på Internett leser leserne først først og fremst horisontalt over toppen av siden et par ganger, og deretter skanner de ned på venstre side av siden. Hva denne studien viser er at leserne vil bruke overskrifter som et verktøy for å identifisere innholdet som er viktig for dem. Så, hvis du bryr deg om å gi det du leserne vil ha, om du bestiller overskrifter fra stort til lite, er det ikke så mye som å fylle toppene med informative ord som faktisk forteller leserne hva delen handler om, og plasserer dem jevnt gjennom artikkelen for å organisere det godt.

Du kan kanskje tro at du er vittig og kreativ med disse overskriftene, men hvis du ikke beskriver avsnittet, gjør du egentlig ingen noen favør.

Å sitere eller ikke å sitere

Hands down største tag oppfunnet, etter min mening, er

stikkord. Grunnen til at jeg elsker det er på grunn av den kule stylingen, det tilbyr bloggeiere. Uansett hva WordPress eller Blogger-tema du bruker, er oddsen ganske bra at den behandler

merke annerledes. Hver tema designer har sin ide om hva som skal gå inn i CSS styling av sitater i artikler. Poenget er at dette gir deg muligheten til å bryte opp innholdet i artikkelen din på en måte som gleder øynene og trekker folk til å lese sitatet.

Hvis du skriver for en klient, spør dem om det er greit for deg å benytte taggen, og hvis de tillater det, må du bruke det.

Et tips for bruk

i artiklene dine: overdriv ikke det. Ett eller to korte sitater i en artikkel som er om lag 800 til 1000 ord, er mer enn nok. Det gir ikke bare muligheten til å gi øye en pause fra avsnittene, men det lar deg ta med sitater fra eksperter utenfor, noe som ytterligere styrker artikkelen din troverdighet. Du kan ikke miste.

Slik bruker du bilder

En annen ting som Nielsen online leser varmekart viste: folk har en tendens til å nøle på bilder når de leser en artikkel på nettet. Videre er øynene trukket til neste bilde. Dette gir deg en svært kraftig psykologisk måte å holde folk lese sammen i artikkelen din. Plus, mye som en

, bilder bryter opp innholdet og gir leserens øye en pause.

Selvfølgelig bruker MakeUseOf bruk av fine, store bilder - ideell for de slags tech-help artikler som finnes på et nettsted som dette.

Du vil legge merke til at bildene er fordelt like langt nok fra hverandre, slik at når du har rullet litt, er øyet klar over et annet bilde som kommer opp nedenfor. Det er ikke noe som bare er gjort for den psykologiske effekten av å trekke øyet ned av artikkelen - det gir bare en mye morsommere lese og en bedre utseende artikkel.

Med det sagt, hvis bloggen eller nettstedet du skriver for, ikke har eiendommen på siden for store, fullbredde bilder som dette, så bør du i det minste bruke mindre bilder som er justert til venstre eller høyre gjennom hele artikkelen. Når jeg gjør dette på min egen blogg, liker jeg faktisk å bytte fra venstre til høyre bare for å forandre ting når artikkelen flyter nedover siden.

Justere bilder med teksten som pakkes rundt som dette, er vanligvis bare et enkelt spørsmål om å sette justeringsklassen til “Ikke sant” eller “venstre” i tag, men kontroller alltid med bloggen eller nettstedet eieren du skriver for å finne ut om det er noen CSS styling som gjør bruk av noe som er kjent som “flyte” eiendom for å gjøre justeringer. Det kan være spesifikke syntakser du må bruke for å justere bilder som dette, avhengig av CSS-styling, så ta deg tid til å spørre designeren. Det er vel verdt innsatsen, og vil gjøre for en mye mer attraktiv artikkel.

Lag en liste og sjekk den to ganger

Som Tina detaljert i sin artikkel om HTML-koder Topp 11 HTML-merker Hver Blogger og Nettstedseier må vite Topp 11 HTML-merker Hver Blogger og Nettstedseier må vite World wide web kjenner mange språk og er kodet i flere forskjellige. Det ene språket, men det kan bli funnet over og har eksistert siden oppfinnelsen av nettsider, er ... Les mer, det er to typer lister du vil formatere i HTML, den bestilte listelappen

og den uordnede listemerken
. Den første setter tall foran listepostene, den andre setter prikker. Du kan se syntaksen i Tinas artikkel, men når er det riktig å bruke den ene eller den andre - eller til og med bruke en liste i det hele tatt?

Først og fremmest er lister enda en flott måte å bryte opp monotany av rette avsnitt, holde leseren interessert, og igjen trekke øyet til en rask liste over elementer som kan skannes ganske enkelt. Tommelfingerregelen jeg bruker, er om varene må telles på noen måte. Hvis de gjør det, bruk en nummerert liste. Ellers bruk unnumberedt.



Det høres enkelt, men noen ganger er det en grå linje. For eksempel kan oppføring av grunner til at du bruker et trådløst nettverk være usikkert, kreve en liste uten tall, for det er egentlig ingen rolle hvor mange det er - det er bare grunner. På den annen side, når du gir trinn i en prosess eller en prosedyre der rekkefølgen av listen er viktig, gir tallene mening. Ikke bruk tall hvis du ikke trenger det, fordi de kan gjøre listen vanskelig. Bulleted lister kan gå en veldig lang vei mot å forbedre utformingen av artikkelen din - så å ha minst en, hvis det passer for emnet, er en veldig god ide.

Bolding og kursiv har utviklet seg

Det pleide å være den modige teksten, var veien å gå da du ønsket å understreke et uttrykk eller et punkt i en setning. Dette spredte seg med den grufulle nettsideutformingen på 90-tallet, hvor nettsteder som forsøkte å selge ting, ville dristige og endre skriftstørrelsen på forskjellige ord på en eller annen måte ubevisst få deg til å fokusere på de pengene ordene eller noe ... Jeg vet ikke. Men jeg vet at når blogging ble så populær, og overskrifter begynte å danne strukturen til det innholdet, hadde fet skrift ikke lenger mening å legge vekt på noe. I beste fall er det bedre brukt som en måte å slå tekst til den minste størrelse header mulig - hvilke mange blogger der ute.

I gamle dager var den dristige taggen , og mange mennesker fortsetter å bruke det uvitende om at nettet har flyttet videre til den mer moderne taggen av , eller CSS-syntaksen til tekst.

På samme måte brukte alle for alt kursiv, mens i dag er metoden for å understreke tekst i kursiv å bruke stikkord. Dette er virkelig den ideelle måten å legge vekt på et ord eller en setning. Det fungerer bra, og ser rent og profesjonelt ut når det er gjort i moderasjon.

Ikke-påtrengende annonser

Hvordan du legger inn en annonse i artikkelen din, kan virkelig gjøre forskjellen når det gjelder å ikke miste leserne på grunn av det. Egentlig er mange lesere vant til ideen om annonser, og hvorfor de er nødvendige for å betale for innhold, men hva irriterer leserne og driver dem bort (eller tvinger dem til å bruke de fryktelige annonseblokkene) er annonser som pop-up, blokkerer tekst , eller er kamuflert for å se ut som en del av en artikkel. Ikke gjør det.

Bruk i stedet annonser med klare grenser, og bruk CSS “flyte” Metode for å lage tekst rundt det (med mindre du plasserer den i sidefeltet). Slik ser det ut:









Float: høyre; vil plassere den i teksten du trenger, og du kan automatisere dette i WordPress ved hjelp av maler. Slik bruker du en Wordpress-innholdsmal for å skrive raskere. Slik bruker du et Wordpress-innholdsmall for å skrive raskere. Wordpress er en strålende oppfinnelse, og har gjort det mulig for flere og flere mennesker å ha fantastiske nettsteder, med vakre temaer. Men det er fortsatt spørsmål om innholdsområdet, som fortsatt trenger ... Les mer som jeg har beskrevet i tidligere artikler. Dette fjerner behovet for å plassere annonsen i hver enkelt artikkel. Som du ser, er annonsen stor nok til å tiltrekke seg oppmerksomhet, men det er ikke kamuflert eller blokkert noen tekst, så hvis leserne vil at de bare kan ignorere det og lese videre. Ikke noe problem.



Det verste du kan gjøre med artiklene dine, er å overdrive med annonser og kjøre av lesere (og i mange tilfeller må du ikke engang bekymre deg for annonser, som om du skriver for en klient). Men som din egen blogginnehaver er disse typer ting du må vurdere når du skriver artikler på nettstedet ditt, og disse grunnleggende annonsformattertipsene kan gjøre stor forskjell med hvordan annonsen din oppfattes.

Kredittkilder

Det verste med internett akkurat nå er virkelig innholdsverten som foregår - og jeg snakker ikke bare om lowlife som skraper nettet for innhold og kopierer det til sine egne nettsider med lav kvalitet, opprettet bare for Google trafikk. Nei, selv de største og mest populære nettstedene - både store blogger og nyhetsmedier - har en veldig dårlig vane med å stjele nyhetshistorier og “scoops” fra mindre bloggere og nettsteder, legger til noen ekstra anførselstegn, og hevder ideen som sin egen. Det er fryktelig og ganske uetisk, men det skjer. Det betyr ikke at du bør følge med. Faktisk er det fornuftig å referere til kilder av høy kvalitet RefDot: Gjør kitingskilder fra nettet Enkel RefDot: Gjør kitingskilder fra nettet Enkel Les mer for å sikkerhetskopiere artikkelkrav ville få nettstedet ditt identifisert som en pålitelig kilde til pålitelig informasjon. Det er SEO gull der.



Men du vil heller ikke at teksten skal skille seg ut som viktig innhold ved siden av artikkelen. En felles tilnærming til å citere historikkilder RefDot: Gjør kitingskilder fra nettet Enkel RefDot: Gjør kitingskilder fra nettet Easy Read More eller bildekilder ved siden av en artikkel er å bruke tag, som tvinger fonten ned en størrelse. Det er en fin måte å formatere informasjon om opphavsrett, juridiske kommentarer og kreditter. Den gir den informasjonen som trengs, men distrahere ikke fra selve konklusjonen av selve artikkelen.

Selvfølgelig er tipsene ovenfor det røde grunnleggende som en hvilken som helst onlineforfatter burde lære, men hvis du er interessert i å grave dypere, er det mange ressurser. Sjekk ut artikkelen min liste noen gode nettsteder hvor du kan lære HTML kode 8 beste nettsteder for kvalitet HTML koding eksempler 8 beste nettsteder for kvalitet HTML koding eksempler Det er noen kjempebra nettsteder som tilbyr godt designet og nyttig HTML kodende eksempler og opplæringsprogrammer. Her er åtte av våre favoritter. Les mer . Tina har også detaljert noen ekstra, nyttige HTML-effekter. 7 Kule HTML-effekter som noen kan legge til på deres hjemmeside. 7 Kule HTML-effekter som noen kan legge til på deres nettside. Ikke fortvil! Du trenger ikke å vite CSS eller PHP for å bygge et fancy nettsted. Noen gode gamle HTML og vite hvordan du kopierer og limer vil gjøre. Les mer du kan legge til på nettstedet ditt. Hvis du virkelig vil bli gal, er det også ressurser der ute for å lære CSS Topp 5 nettsteder for å lære CSS Online Topp 5 nettsteder for å lære CSS Online Les mer også.

Den enkle sannheten i saken er at å skrive på nettet tar mer enn bare den kreativiteten som kreves for å skrive noe for en trykt publikasjon. Internett publikasjon betyr at du trenger å forstå ikke bare de grunnleggende kodene bak nettstedene, men også når og hvorfor du bør bruke dem.

Utforsk mer om: Blogging, HTML.