WEB Front-end Development Technology

1.Einführung der HTML(Hypertext Markup Language)

1.1 Grundlegendes Label

1.1.1 Block Label

<h1> Großte Überschrift

<h2>-<h6> von groß zu klein

<p> Absatz

<div> Normales Block Label

<hr/> Horizontale Linie

<ul> Ungeordnete Liste

<ol> Ordnete Liste

1.1.2 Inline Label

<b> Boldface

<i> Kursiv

<sub> Tiefstellung

<sup> Hochstellung

<span> Normales Label,kein Auswirkung

<a> Link

1.1.3 Link

Absolute Path:

href:http,https,mailto,ftp

Relativer Pfad:

./: Dieses Verzeichnis

../: Obere Verzeichnis

../../: Obere Verzeichnis oberer Verzeichnis

/: Stammverzeichnis

1.1.4 Tabelle

<table>:es kann Tabelle erstellen

<tr>:Table row,es repräsentiert Zeile bei der Tabelle

<td>:Table data,es repräsentiert Glied bei der Tabelle

1.1.5 Form

<input>:

type:text,password,checkbox,radio,submit,reset,button,file,hidden,image.default text

name:Einer bestimmt Name

value:Default Value

2.Seitenlayout

Box-Modell:

3.Javascript

JavaScript (kurz JS) ist eine Skriptsprache, die ursprünglich 1995 von Netscape für dynamisches HTML in Webbrowsern entwickelt wurde, um Benutzerinteraktionen auszuwerten, Inhalte zu verändern, nachzuladen oder zu generieren und so die Möglichkeiten von HTML und CSS zu erweitern.

<script type="text/javascript">
    alert("Hello")
</script>

 

3.1 Häufig verwendet Funktion

parseInt(numString,[radix]):numString ist die Zahl.Radix ist Stellenwertsystem,Falls Präfix "0" ist,default Oktalsystem;Falls Präfix "0x" ist,default Hexdezimalsystem

typeof():beurteilen Typ von Objekten.Return Value besteht aus number,string,boolean,object,function und undefined

condition?expression1:expression2  :Falls condition wahr ist,expression1,sonst expression2

3.2 JS eingebautes Objekt

Date,Math,String,Array

3.3 Event

事件	描述
onchange	Falls HTML Element korrigiert wird
onclick	Falls Benutzer auf HTML Element klickt
onmouseover	Falls Benutzer auf HTML Element die Maus fortbewegen
onmouseout	Falls Benutzer von HTML Element die Maus entfernt
onkeydown	Falls Benutzer auf Keyboard drückt
onload	Falls Browser Ladung der Seite schafft