HTML重点总结1

网页三要素：b/s浏览器-服务器结构  通过浏览器发送请求服务器处理请求返回数据 浏览器解析显示用户需求的页面。

结构 ：由HTML标签语言书写   样式  CSS定义修饰网页样式   行为 js语言定义用户与网页交互。

HTML 是用来描述网页结构的一种语言。

• HTML 指的是超文本标记语言 。
• HTML 使用标记标签来描述网页 浏览器可以解析html并显示网页
• HTML 标签通常是成对出现的，比如 和
• 标签对中的第一个标签是开始标签，第二个标签是结束标签

HTML基本结构

	
		
		
	
	

		我的第一个标题

		
我的第一个段落。

	

基本组成 doctype  html根标签 head body头身体标签组合而成  标签允许嵌套

声明必须处于HTML文档的头部，告诉浏览器当前HTMl版本

常见头部标签head标签内部

：定义了HTML文档中的元数据

  基本地址 

标题（Heading）是通过 - 标签进行定义的。

定义最大的标题 定义最小的标题。

段落是通过

标签定义的。

这是一个标题。
这是一个标题。
这是一个标题。
这是一个段落 
这是另一个段落

超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，点击来跳转到新的文档或者当前文档中的某个部分。

我们通过使用 标签在 HTML 中创建链接。通过使用 href 属性 - 创建指向另一个目标

链接地址绝对--网络地址或者完整本地地址 相对地址相对文档的地址或网络地址

target属性定义打开目标的方式。 常用相对地址 

普通链接
Visit W3School!
锚点链接 访问别的文档的锚点 
基本的注意事项 - 有用的提示 别的页面锚点

访问有用的提示部分 本页面链接

HTML图像  alt文字提示 行内元素

根据图片大小显示

图片链接 利用a标签包住img标签

 HTML列表 有序无序自定义列表 块元素独占一行

	
Coffee
	
Milk


	
Coffee
	
Milk


	
Coffee
	
- black hot drink
	
Milk
	
- white cold drink

	
Coffee
	
Tea
		

			
Black tea
			
Green tea
		
	
	
Milk
 

 HTML表格 table 行tr 单元格td 独占一行  单元格内容任意形式  th表头

  标题
     

     
Monthly savings

        
Header 1
        
Header 2
    
    

        
row 1, cell 1
        
row 1, cell 2
    
    

        
row 2, cell 1
        
row 2, cell 2
    

 td内定义单元格合并 rowspan=值  colspan=值

	

		
姓名
		
Bill Gates
	
	

		
电话
		
555 77 854
	
	

		
555 77 855
	

表格分块 thead  tbody   tfoot三部分加载更快 单独加载

  

    

      
Month
      
Savings
    
  
  

    

      
Sum
      
$180
    
  
  

    

      
January
      
$100
    
    

      
February
      
$80
    
  

HTML 表单用于搜集不同类型的用户输入。

	First name:

	
  文本框
	Last name:

	

    Male 
单选
    Female
    Password: 

    复选框
   我喜欢自行车

   我喜欢小汽车

   下拉菜单
   
        Volvo
        Saab
        Fiat
        Audi
   

               我是一个文本框。
   

   提交按钮

 span行内元素 文本容器  元素是块级元素，它可用于组合其他 HTML 元素的容器。