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

WEB Front-end Development Technology的更多相关文章

  1. Angular 2 for 2017 web full stack development

    1 1 1 Angular 2 for 2017 web full stack development 1 1 https://angular2.xgqfrms.xyz/ https://ng2-he ...

  2. WAF(Web Appliction Firewall) Bypass Technology Research

    catalog . What is Firewall . Detecting the WAF . Different Types of Encoding Bypass . Bypass本质 1. Wh ...

  3. web front end stack web 前段技术概览

    https://github.com/unruledboy/WebFrontEndStack

  4. Beginners Guide To Web Development

    Web Development Front End Development Back End Development

  5. Frontend Development

    原文链接: https://github.com/dypsilon/frontend-dev-bookmarks Frontend Development Looking for something ...

  6. 2016 Web开发资源工具大搜罗

    来源于:https://zhuanlan.zhihu.com/p/22730771 作者:余博伦链接:https://zhuanlan.zhihu.com/p/22730771来源:知乎著作权归作者所 ...

  7. 超全的web开发工具和资源

    首页 新闻 产品 地图 动态 城市 帮助 论坛 关于 登录 注册 · 不忘初心,继续前进,环境云V2接口正式上线 · 环境云测点地图全新改版 · 祝福各位环境云用户中秋快乐!   平台信息 培训互动 ...

  8. 个人Web工具箱&资源整理(1)

    很久就想把使用的工具及收藏的资源整理一番:一是为了传达博客社区的理念:资源共享,而是方便自己及团队快速获取. 学习资源: 首推两个入门级在线参考网站. 1 w3c school. 2 Runoob.c ...

  9. 【翻译】使用Knockout, Web API 和 ASP.Net Web Forms 进行简单数据绑定

    原文地址:http://www.dotnetjalps.com/2013/05/Simple-data-binding-with-Knockout-Web-API-and-ASP-Net-Web-Fo ...

随机推荐

  1. C# 调用Delphi dll

    delphi dll 源码: library dllres; type char10 = ..] of char; TMydata = packed record id: Integer; name: ...

  2. 记录一下显示Map<String, ArrayList<String>>中的ArrayList里的数据的操作

    1.有以下数据: ArrayList<Employee> emp = new ArrayList<>(); emp.add(new Employee("zhang&q ...

  3. C# 调用人脸识别 虹软ArcFace2.0实例

    虹软SDK推出了2.0版本,这个版本的所有API都集合在一个动态库里面,再通过引擎库调用,比1.2版本相对轻便了很多. 了解详情戳这里 小西瓜也迫不及待弄了一个新版本的C#实例,基于VS2013开发的 ...

  4. WP8中使用async/await扩展HttpWebRequest

    前文讲到WP8中使用Async执行HTTP请求,用了微软提供的扩展.下面提供了一种方法,自己实现HttpWebRequest的扩展. 随后就可以使用 await HttpWebRequest.GetR ...

  5. luoguP5068 [Ynoi2015]我回来了

    https://www.luogu.org/problemnew/show/P5068 ynoi 中的良心题啊 考虑用 bitset 来维护里一个点距离小于 $ y_i $ 的点,那么答案就是一堆 b ...

  6. AutoCad2012新增类AcRxVariablesDictionary 可以获取所有变量名和值

    //AutoCad2012新增类 获取所有变量名和值 AcRxVariablesDictionary *dic=AcRxVariablesDictionary::get(); const AcArra ...

  7. Java线程池学习心得

    一.普通线程和线程池的对比 new Thread的弊端如下: a. 每次new Thread新建对象性能差.b. 线程缺乏统一管理,可能无限制新建线程,相互之间竞争,及可能占用过多系统资源导致死机或o ...

  8. Gym-101873D-Pants On Fire(闭包)

    原题链接:2017-2018 ACM-ICPC German Collegiate Programming Contest (GCPC 2017) Pants On Fire Donald and M ...

  9. 前端视频插件Aliplayer播放器简单使用(基于地址播放)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http ...

  10. 2016级算法期末上机-I.难题·ModricWang's Fight with DDLs III

    1126 ModricWang's Fight with DDLs III 思路 由于题目中已经说明了时间经过了正无穷,因此初始位置是不重要的,并且每条边.每个点的地位是均等的.因此到达每个点的概率就 ...