HTML segédlet - HehaInfoSzakkor2019/elso GitHub Wiki

Alapok - a HTML szerkezete:

<html>
 <head>
  <title>website title</title>
 </head>
 <body>
  content of website ...
 </body>
</html>
  • A HTML oldal mindig csak szöveg leírása, annak megjelenítése a böngésző feladata.
    • A böngésző dönti el, hogy egy módosító hatása miként jelenik meg.
    • megj: ellenben egy képpel, ami mindenhol pont ugyanúgy néz ki,
    • a HTML kinéze változhat gépről gépre, de megváltozhat az ablak átméretezésétől is.

szövek módosítók, kiemelések

<h?> heading </h?>	Heading (h1 for largest to h6 for smallest)
<p> paragraph </p>	Paragraph of Text
<b> bold </b>	        Make text between tags bold
<i> italic </i>	        Make text between tags italic
<em> ... </em>	        Emphasis - Shown as Italics in most browsers
<u> ... </u>	        Underline Text
<strike> ... </strike>	Strikeout
<sup> ... </sup>	Superscript - Smaller text placed below normal text
<sub> ... </sub>	Subscript - Smaller text placed below normal text
<small> ... </small>	Small - Fineprint size text
<tt> ... </tt>	        Typewriter Text
<pre> ... </pre>	Pre-formatted Text
<strong> ... </strong>	Strong - Shown as Bold in most browsers

<blockquote> ... </blockquote>	Text Block Quote

<span style="color:red"> red </span>	Use CSS style to change text colour

különleges megjelenítés

<a href="url"> link name </a>	Create a link to another page or website
<img src="filename.jpg">	Show an image

szerkezeti

<div> ... </div>	Divide up page content into sections, and applying styles
<ul> <li> list </li> </ul>	Unordered, bullet-point list
<br>	Line Break (force a new line)

Különleges karakterek

&lt;	< - Less-Than Symbol
&gt;	> - Greater-Than Symbol
&amp;	& - Ampersand, or 'and' sign
&quot;	" - Quotation Mark
&copy;	© - Copyright Symbol
&trade;	™ - Trademark Symbol
&nbsp;	  - A space (non-breaking space)
&#??;	ISO 8859-1 character - replace ?? with the iso code

Források

⚠️ **GitHub.com Fallback** ⚠️