Differences

This shows you the differences between two versions of the page.

--- webseite:html:basic [2014/05/27 14:27] – lunetikk
+++ webseite:html:basic [2017/03/01 12:50] – external edit 127.0.0.1
@@ Line 1: / Line 1: @@
-====== HTML Basics ======
+===== HTML basics =====
-<code> <!DOCTYPE html>
+^  Code  ^  Function  ^
+|  %%<!-- -->%%  |  everything between <!- and %%->%% will be commented  |
+|  %%<table><tr><td></td></tr></table>%%  |  opens a table, a row, a cell, close cell, close row, close table  |
+|  %%<td colspan="2">%%  |  connect 2 columns  |
+|  %%<p></p>%%  |  paragraph around a text  |
+|  %%<br/>%%  |  break line  |
+|  %%<a href="http://lunetikk.de/dokuwiki/">This is a link</a>%%  |  creates a link for websites  |
+|  %%<link rel="stylesheet" type="text/css" href="styles.css">%%  |  insert a css  |
+|  %%<div id="container"> </div>%%  |  add a div container  |
+|  %%<meta charset="utf-8" />%%  |  add charset utf-8  |
+|  %%<input name="Name" type="text" size="12" maxlength="25" required>%%  |  mark an input as required  |
+|  %%<input name="Datei[]" type="file" size="50" maxlength="100000" accept="text/*" multiple>%%  |  allow to upload multiple files  |
+|  %%<img src="smiley.gif" alt="Smiley face" height="42" width="42">%%  |  add a picture  |
+===== HTML example =====
+<code html index.html>
+<!DOCTYPE html>
 <html>
+<meta charset="UTF-8">
 <body>
@@ Line 12: / Line 31: @@
 </html> </code>
-^Code^What it does^
-|  %%<!-- -->%%  |  everything between - and - will be commented  |
+\\
-|  %%<table><tr><td></td></tr></table>%%  |  opens a table, a row, a cell, close cell, close row, close table  |
+\\
-|  <p></p>  |  paragraph around a text  |
+~~DISCUSSION~~
-|  <br/>  |  break line  |
-|||
-|||

Lunetikk's IT Wiki

User Tools

Site Tools

Differences

Page Tools