笔记（4月11日，HTML基础）

一：HTML入门

心得;学习html标签要记住主要的关键字，进行分类记忆

文本标签-----多为英文单词的第一个字母

超链接标签-----

图像标签-------

转义字符(以&开头，以;结尾)

表单标签--------

下拉标签--------

框架集------

1.软件结构分类：   c-s结构（Client--Server   客户端--服务器端）

典型应用：QQ

特点：
1）必须安装特定的客户端程序
2）服务器软件升级，客户端的软件同步升级！

我们java就业班开发的软件，大部分都是基于BS结构的（BS--->Browser--Server 即 浏览器端--服务器端），这种软件俗称网站，网站是由网页组成。一个网页就是由html页面组成，html是一门网页制作的语言。
典型应用：

163网站，华育官网，游戏官网。。。
特点：
1）不需要特定的客户（只需要浏览器软件）
2）服务器软件升级，浏览器客户端不需要升级！

2.HTML语言

html语言是一门网页制作语言，html语言由标记组成，学习html就是掌握一些常用的标记

3.HTML的基本结构（基本标签）

 --html开始标签
 -- 文件头（用户在浏览器的主体是看不到的）


   --文件体（用户在浏览器的主体看得到）



--html结束标签

4.文本标签(body里面的标签)

通过html代码和实时视图展示

5. 超链接标签

通过html代码和视图展现

常用的属性：
    href  表示链接到的地址（文件）
        target  打开资源方式     _self: 当前窗口打开， _blank: 新窗口打开

常见的协议：
      file://   本地文件协议（本地或局域网）  在href中不写就是使用这个默认协议
      http://    http协议（执行流程）  通常连接到域名或IP地址(画图讲解http协议执行流程)
      thunder:// 迅雷下载软件的协议
      mailto:发送邮件协议

  
     超链接作用；
      1）链接到资源 
        2）作为锚点使用
        打锚点：
            去到锚点： 内容

6. 图像标签
img 图像标签
 常用属性：
 
src :  表示图片源位置
width: 图片宽度
height: 图片高度
alt: 替代文本。当图片的src属性失效时，alt属性的内容就会生效
title: 提示文本。当鼠标放到图片上面出现。
地图（热点区域）：map
热点： area，设置图片上可以被点击的区域（用工具做之后进行简单分析）

7.转义字符
在html语法中，存在一些特殊的字符，这些字符是不能直接原样输出。如果想让这些特殊字符原样输出的话，
那么就需要进行转义。
常见的转义字符：
特殊字符     转义字符(以&开头，以;结尾)
需求:在浏览器中显示：

标题

<          <   letter than
                   >          >   greater than
                    &          & 
需求：在浏览器中输入    华育     国际
空格        
王老吉加上商标和版权：
版权    ©
商标   ®

8. 表格标签

table 表格
tr   行
td   单元格
th   表头
caption  标题
常用的属性：
border  表格的边框
width  宽度
heigth 高度
align   对齐方式。 left: 左对齐   center:居中  right：右对齐
rowspan  行合并。把多行的单元格合并
colspan  列合并。把多列的单元格合并

9.表单标签（重点）
作用：用于采集用户输入的数据，提交给后台程序处理

表单标签：

  就是一个表单
 单行输入域
 密码输入域
单选按钮
多选按钮
               下拉选项
      隐藏域。特点：不会显示到html页面上，但可以携带数据。 
 文件选择器
 多行输入域
 提交按钮(注册)
普通按钮
重置按钮  
注意：
form表单里面有两个属性需要大家注意：
action="表单需要提交到哪个路径"
method=get/post

10. 框架标签

frameset 框架集
    属性：
        cols: 按照列的方向来划分框架
            rows: 按照行的方向来划分框架
            以上两个属性的值填每个框架的比例或者长度
            *号表示其他框架分配完之后剩下的比例
                
frame 表示一个框架，框架中包含一个html页面
有2个或2个以上的frame就会包含在frameset当中。