Html - primeri. Primeri iz HTML-ja. Koda html, ki jo bomo vpisali preko Notepad -a v datoteko. Kako bo internetma stran izgledala. Primer enostavne HTML kode v praksi. Spreminjanje velikosti teksta. Prikaz besedila v brskalniku. Kreiranje linka do neek določene spletne strani. - PowerPoint PPT Presentation
Html - primeri
Html - primeri Primeri iz HTML-jaKoda html, ki jo bomo vpisali
preko Notepad-a v datoteko
Kako bo internetma stran izgledala
Primer enostavne HTML kode v praksi
Spreminjanje velikosti teksta
Prikaz besedila v brskalniku
Kreiranje linka do neek doloene spletne strani
Prikaz slike na spletni strani
Razline pisave v html kodi
Stili in barve
Primeri stilov:HTML Stilski
primeristyle="background-color:yellow"style="font-size:10px"style="font-family:Times"style="text-align:center"
Monosti slogovB, I, U, H, S slogi [b] bold [/b] [B] krepko [/ b]
[i] italic [/i] [I] leee [/ i] [u] underline [/u] [U] poudarjajo [/
u] [h] header [/h] (available for some users) [H] header [/ h] (na
voljo za nekatere uporabnike) [s] small [/s] [S] majhna [/ s] [sup]
sup [/sup] [Sup] sup [/ sup] [sub] sub [/sub] [Sub] sub [/ sub] [o]
offtopic [/o] [O] Offtopic [/ o]MonostiTagiOpis
Centriranje texta na sredino and Definiranje fontov and
Izstopanje textaText v
ozadjuAttributesDescriptionalignPozicioniranje
textabgcolorDefiniranje barve ozadjacolorBarva tekstaIzdelava
tabele
Primer kode
With a normal border:
Celica 1 Celica 2
Celica 3 Celica 4
With a thick border:
Celica 1 Celica 2
Celica 3 Celica 4
Primer kodeWith a very thick border:
Prva vrsticaDruga vrstica
celica 1celica 2
celica 3celica 4
Stili pisanja teksta
Stile pisanja teksta
Meni jutranjih napitkov:
forme
Radio tipke I. monost
Skupek monosti
Roletni meni:
Primeri na internetni
stranihttp://www.w3schools.com/html/html_styles.aspColor
NameHEXColorShadesAliceBlue#F0F8FFShadesAntiqueWhite#FAEBD7ShadesMixAqua#00FFFFShadesMixAquamarine#7FFFD4ShadesMixAzure#F0FFFFShadesMixBeige#F5F5DCShadesMixBisque#FFE4C4ShadesMixBlack#000000ShadesMixBlanchedAlmond#FFEBCDShadesMixBlue#0000FFShadesMixBlueViolet#8A2BE2ShadesMixBrown#A52A2AShadesMixBurlyWood#DEB887ShadesMixCadetBlue#5F9EA0ShadesMixChartreuse#7FFF00ShadesMixChocolate#D2691EShadesMixCoral#FF7F50ShadesMixCornflowerBlue#6495EDShadesMixCornsilk#FFF8DCShadesMixCrimson#DC143CShadesMixCyan#00FFFFShadesMixDarkBlue#00008BShadesMixDarkCyan#008B8BShadesMixDarkGoldenRod#B8860BShadesMixDarkGray#A9A9A9ShadesMixDarkGreen#006400ShadesMixDarkKhaki#BDB76BShadesMixDarkMagenta#8B008BShadesMixDarkOliveGreen#556B2FShadesMixDarkorange#FF8C00ShadesMixDarkOrchid#9932CCShadesMixDarkRed#8B0000ShadesMixDarkSalmon#E9967AShadesMixDarkSeaGreen#8FBC8FShadesMixDarkSalmon#E9967AShadesMixDarkSeaGreen#8FBC8FShadesMixDarkSlateBlue#483D8BShadesMixDarkSlateGray#2F4F4FShadesMixDarkTurquoise#00CED1ShadesMixDarkViolet#9400D3ShadesMixDeepPink#FF1493ShadesMixDeepSkyBlue#00BFFFShadesMixDimGray#696969ShadesMixDodgerBlue#1E90FFShadesMixFireBrick#B22222ShadesMixFloralWhite#FFFAF0ShadesMixForestGreen#228B22ShadesMixFuchsia#FF00FFShadesMixGainsboro#DCDCDCShadesMixGhostWhite#F8F8FFShadesMixGold#FFD700ShadesMixGoldenRod#DAA520ShadesMixGray#808080ShadesMixGreen#008000ShadesMixGreenYellow#ADFF2FShadesMixHoneyDew#F0FFF0ShadesMixHotPink#FF69B4ShadesMixIndianRed
#CD5C5CShadesMixIndigo
#4B0082ShadesMixIvory#FFFFF0ShadesMixKhaki#F0E68CShadesMixLavender#E6E6FAShadesMixLavenderBlush#FFF0F5ShadesMixLawnGreen#7CFC00ShadesMixLemonChiffon#FFFACDShadesMixLightBlue#ADD8E6ShadesMixLightCoral#F08080ShadesMixLightCyan#E0FFFFShadesMixLightGoldenRodYellow#FAFAD2ShadesMixLightGrey#D3D3D3ShadesMixLightGreen#90EE90ShadesMixLightPink#FFB6C1ShadesMixLightSalmon#FFA07AShadesMixLightSeaGreen#20B2AAShadesMixLightSkyBlue#87CEFAShadesMixLightSlateGray#778899ShadesMixLightSteelBlue#B0C4DEShadesMixLightYellow#FFFFE0ShadesMixLime#00FF00ShadesMixLimeGreen#32CD32ShadesMixLinen#FAF0E6ShadesMixMagenta#FF00FFShadesMixMaroon#800000ShadesMixMediumAquaMarine#66CDAAShadesMixMediumBlue#0000CDShadesMixMediumOrchid#BA55D3ShadesMixMediumPurple#9370D8ShadesMixMediumSeaGreen#3CB371ShadesMixMediumSlateBlue#7B68EEShadesMixhttp://www.w3schools.com/html/html_colornames.aspVe
na naslovu:Spremembe izgledov
Izgled
FrameNastavitve pisave.
Nastavitve fontov.
Monosti nastavitev fontov!
Monosti Tag-ov
PosebnostiTag Description Opis Defines a script Doloa script
Defines an alternate text if the script is not executed Opredeljuje
nadomestno besedilo, e je skripta ni bil izvren Defines an embedded
object Doloi vdelan predmet Defines run-time settings (parameters)
for an object Opredeljuje prost dostop-nastavitev asa (parametri)
za objekt Deprecated. Opuena. Use instead Uporaba namestoVe na
internetni
stranihttp://translate.googleusercontent.com/translate_c?hl=sl&sl=en&tl=sl&u=http://www.w3schools.com/html/html_examples.asp&rurl=translate.google.si&usg=ALkJrhiAjo7lF2RlG_D3xS9991KCCRW65gXHTMLNaslednji
korak je, da se nauimo XHTML in CSS. XHTML XHTML XHTML reformulates
HTML 4.01 in XML. XHTML preoblikuje HTML 4,01 v XML. If you want to
learn more about XHTML, please visit our XHTML tutorial . e elite
izvedeti ve o XHTML, obiite nao XHTML Tutorial . CSS CSS CSS is
used to control the style and layout of multiple Web pages all at
once. CSS se uporablja za nadzor slog in postavitev ve spletnih
strani naenkrat. With CSS, all formatting can be removed from the
HTML document and stored in a separate file. Z CSS vse oblikovne
mogoe, odstraniti iz dokumenta HTML in shrani v loeno datoteko. CSS
gives you total control of the layout, without messing up the
document content. CSS vam omogoa popoln nadzor nad postavitvijo
strani, ne mesijanski ki gre gor vsebino dokumenta. To learn how to
create style sheets, please visit our CSS tutorial . e elite
izvedeti, kako ustvariti slogov, obiite na CSS Tutorial .
Najpomembneje razlike med html in xhtmlNajbolj pomembne razlike:
XHTML elements must be properly nested XHTML elementi morajo biti
pravilno ugnezdenih XHTML elements must always be closed XHTML
elementi morajo biti vedno zaprta XHTML elements must be in
lowercase XHTML elementi morajo biti v male rke XHTML documents
must have one root element XHTML dokumente, ki morajo imeti eno
korenski element Kaj je CSS?
CSS osnova za Cascading Style SheetsSlogi definirajo kako
prikazati HTML elementeSlogi so dodani na HTML 4.0 s katerimi
reujemo posamezne problemeZ CSS definiramo izgled internetne strani
Style Sheets Zunanji iz gled strani je shranjen v CSS datoteki
Primeri dokumenta po slogih
Primer dokumenta po slogu 2
Primer dokumenta po slogu 3
Primerjava HTML kode in CSS kode
Primerjava kode v praksi
Sintaksa CSS
Pravilo CSS ima dva glavna dela: Izbirnik obiajno HTML kot
element doloanja sloga.Vsaka del je sestavljen iz posameznih
vrednosti.Osnoven je slog kot atribut, ki ga elite spremeniti.
Vsaka lastnost ima vrednost.
Primer CSSPrimer CSSCSS ukaz se vedno kona s podpijem, in
nastavitvijo, ukaz so zakljuene z zavitimi oklepaji:p (Barva: rdea;
text-align: center;)CSS primer
CSS za ozadje dokumenta
