HTML 简介,基本标签及列表和表格

一，HTML网页结构

   1.HTML:HyperText Markup Language 超文本标记语言

     (2) 超文本：在一个网页中除了文本之外的，还包含有视频，图片，音频，超链接，表格，列表等。

          标记语言：指标签组合而成的语言<>

          浏览器可以识别的只有html语言

          网页的后缀名:  .html和.htm

      (3)网页编译器:

         HBulider,Dw(Dreamweaver), Webstorm, Sublime Text,Notpad++,VS(Microsoft Visual Studio),Ecliase等等

      (4) 详情了解以下网址:

          https://baike.so.com/doc/5869876-6082735.html

   2.Hbulider 快捷键的使用:

          快速注释/取消注释:ctr+/

          快速删除:ctrl+d

          移动代码位置:ctrl+方向键 (键盘上下左右)

          快速检索元素位置:ctrl+f

          整理代码:ctrl+shift+f

         代码提示: alt+/

  二.html基本标签:

    1.网页的基本结构: 

    文档类型,主要告诉浏览器当前的HTML文件按照HTML5.0的规范进行组织, 
为了防止HTML5.0的标签设置失效,从而加在文档的最前面
  
    
    网页的头部,所有头部的容积
    
       指当前文档的编码格式为utf-8, 可以识别中文,不会产生乱码
       
	
	
		
标题1
		
标题2
		
标题3
		
标题4
		
标题5
		
标题6
        
这是段落标签
         这是字体标签

        

         这是加粗字体

         这是下划线字体

        这是斜体字体

        这是删除字体

        102 co2

        
 舂眠不觉晓,
处处闻啼鸟.
        
        
        
        

		
		
	

三.html的列表和表格标签

1.列表: 一组数据的集合

     无序列表ul,li

    属性: type 取值:disc 小黑点,circle空心圆,square,实心方块

HTML
CSS
JS
JQ

  有序列表: ol, li

    属性:type  取值:1,a,A,i,I

   strat:从第几个开始编码

HTML
CSS
JS
JQ

自定义列表:dl,dt,dd

			
静夜思
			
--李白
			
静夜思
			
--李白
		

2.表格:

   table->tr->td  //table->thead->tbody->tfoot

          caption:表格的标题,在表格之上

         thead:表格的上部表头

         tbody:表格的中间内容

          tfoot:表格的底部内容

	

	
就业学员统计表
		

					
姓名
					
年龄
					
岗位
				
		
		

				

					
张三
					
20
					
软件开发
				
			    

					
李四
					
22
					
数据处理
				
				

					
王五
					
21
					
人工智能
				
		
		

				

					

						版权符号 ©科技公司所有
					
				
		
		

  table属性:

        border: 表示表格的边框宽度

         align:设置元素的水平对齐方式  取值: left,center,right

         valign:设置元素垂直对齐方式   取值:top,bottom

         cellspacing:设置单元格与单元格之间距离

         cellpadding:设置单元格内容与单元格边框之间距离

         bgcolor:设置元素的背景颜色

  tr,td属性: rowspan:合并行

                  colspan:合并列