一、前端语言的基本功能
1.HTML
主要作用：构建框架结构，包含控制内容布局，对外部设计提供一个层次结构，是所有web界面的一个基石。
2.css
主要作用：样式表，具体包含给元素添加样式，让网页具备不同的响应特征，是网站外表最重要的一个体验工具。
h1{color:blue;font-size:12px;}
3.JavaScript
(1)主要作用：其中最具有灵魂的语言，增加交互体验，处理复杂的函数及特性，保证工作效率，提供可用性。
(2)基本类型：String、Number、Boolean、Null、Undefined、Symbol、Object(Array、Function)
"Any text"
123.45
true or false
null
undefined
Symbol('something')
{key:'value'}
{1,"text",false}
function name(){}
Object:定义自变量
var user = {
name:"Aziz Ali",
yearOfBirth:1988,
calculateAge:function(){
//some code to caiculate age
}
}
Function:段落中的特殊字符，可以被整体的使用
//Function declaration/Function statemnet
function someName(param1,param2){
//bunch of code as needed...
var a=param1 +"love"+param2;
return a;
}
//Invoke(run/call) a function
someName("Me","You")
二、CSS in HTML
Inline CSS
<p style ="color: blue:">This is a paragraph.</p>
Internal CSS
<head>
<style type = text/css>
body {background-color:blue;}
p{color:yellow;}
</style>
</head>
External CSS
<head>
<link rel = "stylesheet" type="text/css" href="style.css">
</head>
.列表元素(重点) (1)无序列表 元素标签：
- 不可见元素;
- 可见元素
(2)有序列表
元素标签：
- ;
- ###
- 更改属性
(3)自定义列表
元素标签：
-
(4)嵌套组合
注意点：嵌套的时候需要完整的将另一个列表插入
块级元素
7.表格元素(重点) (1)元素标签：table(重点)、th、tr(重点)、td(重点)从左往右排和上下无关 一行中最大的td控制整个表格的宽度 (2)重点标签的含义： table：它是表格的总体描述，可以不可见 tr：开启一行，不能单独显示，相当于一种行组的概念 td：在某一行中的列号，可以用于表示某个具体的单元格 (3)绘制简单表格（3×4：三行四列） 情况1：某一行少了一个td 情况2：某一行多了一个td (4)单元格合并(可以同时横跨)
情况1：跨行合并 作用于元素：td 作用属性：rowspan ##span横跨 情况2：跨列合并 作用于元素：td 作用属性：colspan (5)高级应用 注意：td里面可以嵌套多种显示元素标签表单(重点重点) 作用：用于收集用户信息发送给服务器，服务器在得到数据后经过处理反馈给客户端浏览器(类似问卷调查) 元素：form，input form：表单的外包围，设置网络传输数据的一系列属性 核心属性1：action，属性值是服务器内部的相对虚拟资源映射路径 核心属性2：method，属性值只有两种，分别是get，post get表示通过url输入表单数据 post表示用过body传输表单数据 核心属性3：name，属性值自定义，用于服务端区分昂接受多个表单时，如何取表单元素数据
input：表单显示元素，包括文本输入框、单选按钮、多选框、(普通)按钮等等 注意：显示样式通过type属性控制
-
(4)嵌套组合
注意点：嵌套的时候需要完整的将另一个列表插入
块级元素
- ###
