前端三件套学习笔记1

自学前端三件套感觉学的东西多了容易混淆，来浅浅记录一下学习过程顺带总结一下哈

(ps:把自己不太熟悉和易搞错的知识点进行归纳总结）

---

- html:

div：理解为"盒子",一行只能有一个

span:"盒子"，一行可以放多个

 

 

图像标签：<img>

图像标签属性：  src:图片路径、alt：文本（图像无法显示时的文字）、title：鼠标放在图片上的文字、width、height、border（宽、高、表框粗细）

 

链接标签：<a href="跳转目标" target="目标窗口的弹出方式" >文本或图像</a>

href:用于指定链接目标的url地址（必须属性）跳转：[herf="#1" id="1"]

target：用于指定链接页面的打开方式，_self：本窗口打开，_blank：新窗口打开

 

 

 表格标签：<table></table>

<tr></tr>:表格中的行（必须嵌套在table标签里）

<td></td>:表格中的单元格（必须嵌套在tr标签里）

<th></th>：表头标签

表格标签属性：

align：规定表格的对齐方式（left、right、center)

border：规定表格是否有边框（1 有，"" 没有）

cellpadding:边与内容空白处的像素值（默认为1）

cellspacing:单元格之间空白处的像素值（默认为2）

width：表格宽度

 

 跨行合并：rowspan="合并单元格的个数"

 跨列合并:colspan="合并单元格的个数"

 

 

 列表标签：

无序列表：<ul><li></li></ul>(ul只能嵌套li，li可以嵌套任何标签）

有序列表：<ol><li></li></ol>(ol只能嵌套li，li可以嵌套任何标签）

自定义列表：<dl><dt><dd></dd></dt></dl>(dl只能嵌套dt、dd，dt、dd可以嵌套任何标签）

 

 

---

表单元素用<form></form>

form属性：

action:接受并处理表单数据的服务器程序的url地址

method：设置表单数据的提交方式（值有get和post）

name：指定表单名称，以区分同一界面的多个表单域

select：下拉表单元素(<select> <option></option></select>)

textarea：文本域表单元素

<input>输入表单元素type属性类型：

button：可点击按钮

checkbox:定义复选框

file:定义输入的字段和“浏览”按钮，供文件上传

hidden：定义隐藏的输入字段

image：定义图像形式提交按钮

password：定义密码字段

radio：定义单选按钮

reset:重置按钮，重置表单所有数据

submit:提交按钮，把表单数据提交的服务器

text:定义当行的输入字段

<input>元素的其他属性：

name属性：定义input的名称

value属性：定义input的值

checked：input元素首次加载时应当被选中

maxlength：输入字符最大长度

 

 

- js:（与c语言大体类似）

js的语法与c语言有很多是一样的

在此我仅写出一些新的知识点：

var:变量

alert：弹出警示框

prompt:弹出输入框 （会取成字符串型）

n.toString()/String/n+' ':数字型转换成字符串型

parseInt:强制转换成整型

parseFloat:强制转换成浮点型

Boolean:转成布尔型（0、NaN、null、undefined、''自动为false、其他为true）