2018. február 19., hétfő

Html szerkezeti felépítése 9B osztály

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 
<html lang="hu">

<head>


<META HTTP-EQUIV="Content-Type" Content="text/html; Charset=iso-8859-2">
<META HTTP-EQUIV="Content-Language" Content="hu">
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>
A weboldal címét ne felejtsük ki!</title>
 

<link rel="shortcut icon" href="/favicon.ico">
 
</head>

<body>

<PRE>
 <B>Jel  Hogy írjuk? Jel neve</B>
 &lt;    &amp;lt;        kisebb
 &gt;    &amp;gt;        nagyobb
 &amp;    &amp;amp;       "at"-jel
      &amp;nbsp;      helyköz
 &aacute;    &amp;aacute;    a'
 &Aacute;    &amp;Aacute;    A'
 &iacute;    &amp;iacute;    i'
 &uacute;    &amp;uacute;    u'
 &otilde;    &amp;otilde;    o"
 &ocirc;    &amp;ocirc;     o^
 &ucirc;    &amp;ucirc;     u^
 &Ouml;    &amp;Ouml;      O<SUP>..</SUP>
 &#223;    &amp;#223;      scharfes s
 &#251;    &amp;#251;      u"
 &#134;    &amp;#134;      kereszt
 &#137;    &amp;#137;      ezrelék
 &#167;    &amp;#167;      paragrafus
 &#169;    &amp;#169;      copyright
 &#176;    &amp;#176;      fok
 &#187;    &amp;#187;      kettős nagyobb
 &#171;    &amp;#171;      kettős kisebb
 &#177;    &amp;#177;      +-</PRE>
 
<B>HREF=lapok/szinek.htm</B> 
 
<FONT COLOR=yellow>
 <IMG SRC="kdelihid.jpg" ALIGN=left
  HSPACE=10 VSPACE=10 BORDER=1>
 </FONT>
 
<P ALIGN=right>A html lap "BODY" sorában
 "BACKGROUND=képfájlnév" formában
 háttérképet adhatunk meg. Ha emellett
 még a "BGPROPERTIES=fixed" paramétert
 is beírjuk a sorba, akkor egyes
 böngészők a html lap scrollozása
 közben nem mozgatják a hátteret.
 <P ALIGN=justify>
 
 
<IMG SRC=elte12.jpg USEMAP=#eltemap
      BORDER=2 ALIGN=right HSPACE=10>
 <MAP NAME=eltemap>
  <AREA SHAPE="rect"
        COORDS="27,141,40,179"
        HREF=eltei.jpg
        ALT="Informatikai épület">
  <AREA SHAPE="circle"
        COORDS="87,58,5" HREF=eltef.jpg
        ALT="Központi épület">
  <AREA SHAPE="default" HREF=xy.htm
        ALT="Javascriptes koordináták">
 </MAP>
 
<A HREF=deli.jpg> <IMG SRC="kdeli.jpg"
    ALIGN=left
    ALT="Link a képben"> </A>
 
 
az ABCDEF betűk állhatnak.)
 <CENTER>
 <P><B>Néhány példa:</B>
 <P> <FONT SIZE=1>1-es méret</FONT>
 <BR><FONT SIZE=2>2-es méret</FONT>
 <BR><FONT SIZE=3>3-as méret</FONT>
 <BR><FONT SIZE=4>4-es méret</FONT>
 <BR><FONT SIZE=5>5-ös méret</FONT>
 <BR><FONT SIZE=6>6-os méret</FONT>
 <BR><B><FONT COLOR=red>red</FONT>
     <FONT COLOR=#FF0000>= #FF0000</FONT>
 <BR><FONT COLOR=green>green</FONT>
     <FONT COLOR=#008000>= #008000</FONT>
 <BR><FONT COLOR=lime>lime</FONT>
     <FONT COLOR=#00FF00>= #00FF00</FONT>
 <BR><FONT COLOR=blue>blue</FONT>
     <FONT COLOR=#0000FF>= #0000FF</FONT>
 <BR><FONT COLOR=#ABCDEF SIZE=5>#ABCDEF
     (nincs neve)</FONT></B>
 <BR><FONT COLOR=#123456 SIZE=5>#123456
     (meg ennek sincs)</FONT></B>
 <P>A példa a "CENTER" hatását is
 mutatja.
 </CENTER>
 
 
<h1>Ez egy címsor</h1>
<h2>
Ez egy címsor</h2>
<h3>
Ez egy címsor</h3>
<h4>
Ez egy címsor</h4>
<h5>
Ez egy címsor</h5>
<h6>
Ez egy címsor</h6>
<p>Ez egy bekezdés. Ez egy bekezdés. Ez egy bekezdés. Ez egy bekezdés. Ez egy bekezdés. Ez egy bekezdés. Ez egy bekezdés. Ez egy bekezdés. </p>
<p>
Ez egy másik bekezdés, két bekezdés között van egy üres sor.</p>
<p>Ez<br>egy<br>bekezdés<br>sortörésekkel.<p>
<a href="http://www.google.hu/">Ez egy link!</a>
<img src="acid2.png" width="168" height="168" alt=":-)">
!-- Ez egy megjegyzés -->
<!-- <p>Ez egy bekezdés. Ez egy bekezdés. Ez egy bekezdés. Ez egy bekezdés. Ez egy bekezdés. Ez egy bekezdés. Ez egy bekezdés. Ez egy bekezdés.</p>
<p>Ez egy másik bekezdés, két bekezdés között van egy üres sor.</p> -->

<p>Csak ez a sor fog megjelenni, a fenti két megjegyzés nem, hiába tartalmaz a második érvényes HTML kódot.</p>
<p>
Tüzesen süt le a nyári nap sugára
Az ég tetejéről a juhászbojtárra.
Fölösleges dolog sütnie oly nagyon,
A juhásznak úgyis nagy melege vagyon.
</p>
<pre>
Tüzesen süt le a nyári nap sugára
    Az ég tetejéről a juhászbojtárra
        Fölösleges dolog sütnie oly nagyon,
            A juhásznak úgyis nagy melege vagyon.
Így       a        szóközöket is       megjeleníti, pont ahogyan a forráskódban írtuk.
</pre>
 
 
<p>Helló világ!</p>
 
</body>

</html>

Nincsenek megjegyzések:

Megjegyzés küldése