笔记(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代码和实时视图展示

笔记(4月11日,HTML基础)_第1张图片

笔记(4月11日,HTML基础)_第2张图片

笔记(4月11日,HTML基础)_第3张图片

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,设置图片上可以被点击的区域(用工具做之后进行简单分析)

笔记(4月11日,HTML基础)_第4张图片

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

标题


<          <   letter than
                   >          >   greater than
                    &          & 
需求:在浏览器中输入    华育     国际
空格        
王老吉加上商标和版权:
版权    ©
商标   ®
笔记(4月11日,HTML基础)_第5张图片
8. 表格标签

table 表格
tr   行
td   单元格
th   表头
caption  标题
常用的属性:
border  表格的边框
width  宽度
heigth 高度
align   对齐方式。 left: 左对齐   center:居中  right:右对齐
rowspan  行合并。把多行的单元格合并
colspan  列合并。把多列的单元格合并
笔记(4月11日,HTML基础)_第6张图片

9.表单标签(重点)
作用:用于采集用户输入的数据,提交给后台程序处理

表单标签:

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

笔记(4月11日,HTML基础)_第7张图片

10. 框架标签

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

笔记(4月11日,HTML基础)_第8张图片


你可能感兴趣的:(笔记(4月11日,HTML基础))