HTML+CSS+JS 入门基础VIP免费

目录•1.HTML/CSS/JavaScript先睹为快•2.HTML•3.CSS•4.JavaScript1.1HTML代码•••••••

未使用css，JavaScript的html网页

•

---

•

这是一个未使用css，JavaScript的html网页•••使用记事本即可编写HTML代码，扩展名是html或htm。•使用浏览器就可以查看其效果。1.2CSS代码•••••h2{font-size:50}•p{font-size:20;font-style:italic}•••••

使用了css的html网页

•

---

•

这是一个使用了css的html网页••1.3JavaScript代码•••••h2{font-size:50}p{font-size:20;font-style:italic}•••alert("这是JavaScript起的作用");•••••

使用了css和JavaScript的html网页

•

---

•

这是一个使用了css和JavaScript的html网页••1.4HTML、CSS、JavaScript的角色•HTML：超文本标记语言。是网页设计的主要语言。无论网页是否包括动画、多媒体、图形等各种复杂的元素，其基本架构都是HTML.•CSS：层叠样式表。是目前唯一的网页排版样式标准，弥补了HTML在网页格式化方面的不足，帮助用户对页面的布局加以更多的控制。•JavaScript用于开发Internet客户端应用程序，实现了一种实时、动态、交互的页面功能。它的出现使静态的HTML页面逐渐本客户端可做出响应的动态页面所取代。•可以在HTML语言中直接编写CSS和JavaScript代码，也可以独立编写。扩展名分别是.css和.js2HTML•1:HTML简介•2:基本标记•3:列表list•4:表格table•5:表单form•6:框架frame•7:层div2.1.1HTML概念•HTMLHyperTextMarkupLanguage超文本标识语言是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档HTML文档：*.htm或*.html文件名区分大小写浏览HTML文件的工具:浏览器例：NetscapeNavigator,MicrosoftIE,MazillaFireFox2.1.2HTML2.1.2HTML文档的编写方法文档的编写方法1.手工直接编写记事本等，存成.htm.html格式，要求用户必须掌握HTML2.使用可视化HTML编辑器Frontpage、Dreamweaver等,容易产生废码2.1.3HTML2.1.3HTML文档结构文档结构Thisismyfirsthomepage!这是我的第一张网页！2.1.3HTML2.1.3HTML文档结构文档结构•标记(签)是HTML语言的基本部分，比如、、、

---

、

。大多数标记总是成对出现，每一对标记一般都有一个开始的标记并且结束的标记总是在开始的标记前加一个斜杠。•属性：HTML标记有自己的相关属性，每一个属性还可以由我们网页编制者赋一定的值。myfirsthomepage

•注意：标记不区分大小写。例都可以标记中不要有空格，否则浏览器无法识别。例之间的内容将显示在浏览器窗口的标题栏。2.1.3HTML2.1.3HTML文档结构文档结构-head(met-head(meta)a)2:标记标记定义网页的一些相关信息，例文件的关键字，作者，网页过期时间等，这些信息不会在浏览器的文档窗口显示