HTML学习笔记

一、基本知识

HTML的全称是 Hypertext Marked Language,即超文本标记语言。

每个标签对都是一对一对的,结尾用/表示

>	 	这是html形式标签,放在代码开头。 >

>		头部...  >

>		标题		>

>		主体...	>

>			段落		>

>		换行(这里不需要一对一对。如果没有标签,文本默认是连续的)

>		标题		>
...			...
>				>

>		字体		>

无序列表
>
	> 1、>
	> 2、>
	> 3、>
> 

无序列表
>
	> 1、>
	> 2、>
	> 3、>
> 

二、属性

属性的基本语法:<标签名 属性1=“…” 属性2=“…”>

例如:
控制段落水平位置

> 控制背景颜色 > #ABFF00"> 展示特殊字体 > 这是字体 >

特殊符号

<;		表示 < 符号

>;		表示 > 符号

> 		上标 	>

> 		下标 	>

三、网页中使用图像

相对路径
>	

绝对路径
://www.baidu.com/img/......">	

设置长和宽
>
	
加载不成功时提示
error>	

鼠标点上去提示
>		

四、超链接

总而言之,是使用a标签对href属性进行拓展

基本文字标签
> 百度网 >		

用图片来做链接
> > >		

在新的页面打开链接(默认是在本页面)
> 百度网 >		

用邮件做超链接
:[email protected]"> 联系我们 >	

五、表格

用table来声明一个表
>		
>						用>声明一行
	> 第一列 >		用>声明表头	
	> 第二列 >
	> 第三列 >
	> 第四列 >
>
>
	> 1-1 >			用>声明一列
	> 1-2 >
	> 1-3 >
	> 1-4 >
>
>
	> 2-1 >
	> 2-2 >
	> 2-3 >
	> 2-4 >
>
>
	> 3-1 >
	> 3-2 >
	> 3-3 >
	> 3-4 >
>
>

用>合并两列,数字用2表示
>
	> 1-1-2 >	
	> 1-3 >
	> 1-4 >
>

用>合并两行,数字用2表示
>
	> 1-1 >
	> 2-1-2 >
	> 1-3 >
	> 1-4 >
>
>
	> 2-1 >
	> 2-3 >
	> 2-4 >
>

设置表格样式,分别为表格边框样式;宽度;单元格内容距每个边框距离;每个边框宽度
>

用>设置文本排列方式,同理可以引入size等等属性
>>
>

六、表单

form表单

form表单是包含表单元素的区域,主要功能是向服务器提交数据
可以添加一些属性

> 表单内容 >

文本表单

普通文本框
>

密码文本框
>

文本域