Web基础学习笔记-HTML

HTML课程 一.HTML概述 1.什么是HTML：

是一种超文本标记语言，构建网页文件，即以.html/.htm为后缀的文件，由浏览器解释运行，可以使用CSS定义样式，嵌入js代码实现动态效果。

2.标记语法：

封闭类型：双标记，比如

非封闭类型：单标记或者空标记，比如，对于单标记，建议写法，而不是

3.元素和属性:

如：

段落文本

4.html文档的标准结构：

版本信息

5.版本信息：

严格型，过渡型（常用类型），框架型

6.头元素：

定义整个文档相关的信息，常包含如下子元素:

:标题

：元数据元素，定义页面的编码格式或者刷新频率等

7.元素：

文档的主体，包含所有要显示的内容

    
    
        第一网页
        
        
    
    
    
        aa   aa
        b<bb>bb
    

二. 文本标记 1.标题元素：

---

2.段落：

:p中的内容会独占一行，会有一

3.换行：

--回车，间距较小

4.分区元素：

对某些元素进行一些统一的设置文本：不会影响布局，常用于同一行中的部分元素

：独占一行，常用于多行的情况下

5.块级元素（block)和行内元素（inline）块：

那些独占一行的元素，比如div，p,hn

行内：可以和其他元素位于同一行，比如span,a

	
		第一个页面
		
	
	
		
			Java 语言基础<Day03>
		
		1 个人所得税计算器
		1.1 问题
		
测试测试测试
		1.2 问题
		
测试测试测试
		1.3 问题
		
测试测试测试
		public class IncomeTax
		{
		}
	

三.图像和链接 1.text

	
		第一个页面
		
	
	
		
			Java 语言基础<Day03>
		
		1 个人所得税计算器
		1.1 问题
		
测试测试测试
		1.2 问题
		
测试测试测试
		1.3 问题
		
测试测试测试,如图1所示：
		

		
		
		
		
图1
		
		public class IncomeTax
		{
		}
		
		To Top
	

四：列表 1.什么是列表：

将几项内容排列在一起

2.ul,ol和li

定义一个列表，必须使用ol/ul

列表项：列表的每个内容，使用一个li

3.嵌套的列表

可以将整个列表放在某个li里，层次结构

	
		第一个页面
		
	
	
		
			Java 语言基础<Day03>
		
		
		

			

			1个人所得税
				

					
问题
					
方案
					
实现
				
			
			

			2命令解析器
			
		
		1 个人所得税计算器
		
		1.1 问题
		
测试测试测试
		
		1.2 方案
		
		
测试测试测试
		1.3 实现
		
测试测试测试,如图1所示：
		

		
		
		
		
图1
		
		public class IncomeTax
		{
		}
		
		To Top
	

五.表格：

显示网格数据，常用于页面的布局

1.创建表格：

表格的基本结构--table/tr/td(table defination)

2.常用属性

表格的属性：border（表格外边框）/width/height/align/cellpadding（单元格内容和单元格边框之间的距离）/cellspacing(单元格之间的距离）

单元格的属性：width/height/align/valign

3.表格的标题

:位于,作为第一个子元素存在

4.行分组：

将多个行作为一组，进行统一设置的时候，使用专门的对表格实现行分组的元素

行分组元素只能出现在table里，只能包含tr元素

thead:只能出现一次

tbody:多次 

tfoot:一次

5.不规则表格：

td元素而言，有colspan,rowspan属性设置单元格跨列或者跨行

colspan:单元格跨列，横着

rowspan:单元格跨行，竖着

	
		第一个页面
		
	
	
		
			Java 语言基础<Day03>
		
		
		

			

			1个人所得税
				

					
问题
					
方案
					
实现
				
			
			

			2命令解析器
			
		
		1 个人所得税计算器
		
		1.1 问题
		
测试测试测试
		
		1.2 方案
		
		
测试测试测试
		1.3 实现
		
测试测试测试,如图1所示：
		

		
		
		
		
图1
		
		
个人所得税的计算方式如表-1所示：
		
			表-1
			
				
					全国应纳税所得额
					税率
					速算扣除数
				
			
			
				
					全月应纳税所得额