Web前端基础学习笔记(Html CSS Javascript)

HTML:是一种超文本标记语言,Hyper Text Markup Language的简写

标签(tag)和属性(attribute)

元素(亦称标签)

块元素:h1~h6,p,div,ul,li,ol,dl,dt,dd,table,tr,th,td

内联元素(行内元素):a,span,strong,em,img,form, input, select, option, textarea, label, td, th, font,b,i(后面三个现不常用)

空元素:br hr meta link

	内联元素转块元素:display:block
	块元素转内联元素:display:inline
	内块特性兼有元素:display:inline-block
	不显示(隐藏):display:none

常用属性及属性值

id:id
class:classname
style:style_definition
title: text
target:_blank
colspan rowspan cellspacing cellpadding
name color type src href background boder width height

超链接a

网址链接
路径:../一层../../两层
target:_blank新窗口打开
锚点(anchor)网址链接   

title=""//鼠标指向时的内容

图片(img)

内联元素,但可以设置width height

表格(table)

table tr td th
border //默认不出现
cellspacing//单元格之间的边距,默认有,一般设为0;
cellpadding//单元格内距,默认有,一般设为0;
colspan//横向合并,注意删掉多余的横向后面的td,以免多出
rowspan//纵向合并,注意删掉多余的纵向向后面的td,以免多出
width height可单独给table/td设置(tr的哪一行在第一个td里设置)

表单(form)

	'password'  	密码
	'radio'		单选按钮 //checked默认选中,name一致限定单选
	'checkbox'	复选框 //checked默认选中
	'file'		文件,图片等上传
	'hidden'	隐藏表单
	'submit'	提交//js:form.submit=""
	'reset'		重置
	'button'	按钮
	'select'	下拉选择框 //multiple多选
	'option'	select的选项//selected默认选中
	'textarea'	文本域(多行文本框)
这些都是行内元素,如要换行记得加
	
label标签把input和对应文字括起来可以起到点击文字选中input的效果	
以上也可添加disabled来限制该表单不可用	

CSS:层叠样式表

css基本语法

选择器,以及一条或多条声明,多条声明间用分号隔开
声明由属性及其属性值组成,用冒号(:)赋值,多个属性值间用空格隔开( )

selector {declaration1; declaration2; ... declarationN }

css注释用/* */

css引入方式

1,行内引用:style="property:value;..."
2,内部引用: