Hvordan legge til tekst i HTML Over et innebygd objekt

Hvordan legge til tekst i HTML Over et innebygd objekt


HTML behandler Flash-filmer, Java applets og andre typer innebygde multimedia som objekter. Innebygde objekter krever HTML-koder for å sette objektet, legge til parametre og deretter legge selve objektet. Koden har ikke endret seg mye gjennom årene, selv om enkelte videotjenester bytter på å gi brukerne inline frame-koden til "embed" media. Du kan enkelt identifisere innebygde objekter i HTML-kode og legge til tekst som skal vises før eller etter dem. Ved hjelp av Cascading Style Sheet (CSS) kode, kan du også plassere teksten til høyre, venstre eller hvor enn du foretrekker.

Bruksanvisning

1 Åpne HTML-filen for din webside i en kode editor som jEdit, Notepad ++ eller BBEdit. Finn åpning og lukking <object> koder. Mellom disse kodene, vil du ofte se <param> koder og en <embed> tag.

2 Legg tekst enten over eller under <object> koder. Pakk tekst i en passende HTML-kode som <h1> for en stor overskrift eller <p> for et avsnitt med tekst. Hvis du ønsker å plassere tekst ved hjelp av CSS-kode, angir du "ID" attributt til et unikt, beskrivende navn du kan huske senere. Teksten i et avsnitt med en "ID" attributt ser slik ut:

<P id = "my-text"> Her er litt tekst. </ P>

3 Åpne CSS-fil for websiden. Hvis siden ikke bruker en ekstern CSS-fil, eller hvis du ikke vet om den gjør det eller ikke, se mellom <head> og </ head> taggene i HTML-filen. Hvis du ikke ser <style> tags, legge <style> og </ style> mellom <head> taggene. Du kan legge til CSS-kode direkte til en ekstern CSS-fil eller mellom <style> koder.

4 Plasser din tekst ved hjelp av CSS-kode, hvis ønskelig. Følgende kode, for eksempel, gjør et avsnitt 200 piksler brede og så flyter den til venstre:

p # my-tekst {

width: 200px;

float: left;

}

Siden du har plassert <p> tag ved siden av <object> -kode, vil det flyte til venstre for din <object> innhold. Merk at "# my-tekst" er rettet mot en <p> tag med "ID" satt til "min-tekst", og skigard betegner en "ID" attributt.

Hint

  • Ikke plasser teksten mellom <object> tags, da dette vil forstyrre den innebygde media.