1.HTML概述

1.HTML:超文本标记语言。是一种标识性语言,非编程语言,不能使用逻辑运算。通过标签将网络上的文档格式进行统一,使分散的网络资源链接为一个逻辑整体。

超文本是一种组织信息的方式,通过超级链接将多种媒介链接起来

标记:标签。用<>包裹的具有一定含义的内容,比如:…

静态网页:不变

动态网页:跟后台同时改变

2.HTML标签结构

1.文档结构:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23





    
    
    
    我的第一个html网页
    
         

    



    

这是一个段落



2.常用标签:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38


    
     
     

     
     

     
     

     
     
     
     文本
     文本
     文本
     文本
     锚点链接 href=’#href’ 目标位置的属性要设置为与其一直 id=’#href’
     
     src路径 alt替换文本 title 图片提示文本 width:图像宽度 height:图像高度 border边框
     显示不出的名字
     
     
     
     

            

  • li1
  •         

  • li2
  •         

  • li3
  •     

    

            

  1. li1
  2.         

  3. li2
  4.         

  5. li3
  6.     

     //自定义列表 重点每个网站的最下面基本都是通过自定义
    

dl中只能有dt和dd 一个dt对应多个dd 为兄弟关系
        

名词1
        

名词1解释1
        

名词1解释2
    

自定义列表

4.标签属性:

1
2
3
4
5
6


            下面的title class就是属性名,而后面的就是属性值
    

这是一个测试段落

5.部分其他标签:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30


   加粗
   加粗且强调
   
   倾斜
   倾斜且强调
   
   

       pre预格式化
       文本,保留换行和空
       格及宽度
   

    
   
   
   

我是正常的

   我是小一号的文字
    
   
   

正常显示:X1+X2=Y

   

下标:X1+X2=Y

   

下标:X1+X2=Y

    
   删除线
   下划线
   转义字符:  空格 < 小于号  >大于号

6.表格标签以及表单标签

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

表格标签结构: 作用:显示 展示数据
    


        

表头单元格
        

            

单元格
        


    

    属性
    align left center right 对齐
    border边框 cellpadding 文字和单元格的距离 cellspacing 单元之间的距离 width
     表格结构标签
    

表头区域
    

主体区域
     
    合并单元格:跨行合并:rowspan行和行 跨列合并:colspan列和列
    合并代码:跨行:在最上侧单元格为目标单元格,写合并代码
    跨列:在最左侧单元格为目标单元格,写合并代码
    跨行或跨列步骤:
        1.确定跨行还是跨列 2.找到目标单元格 3.删除多余单元格

7.表单标签:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

表单标签:主要用途:收集用户信息
    表单由表单域 表单控件(元素) 提示信息组成
    表单域 实现用户信息传递

    action跟着的为地址 method提交方式 name名称
     
    input输入表单元素:
     
       type属性值:text文本 password密码 button ridio单选框() checkbox(多选按钮)…..
         submit(提交按钮,将表单值提交给服务器) reset 清除表单的所有数据
         button 普通按钮 结合js使用 file 上传文件
          
       name属性:表单元素的名字,单选按钮必须有相同的名字才可以多选1
                    单选按钮和复选框都要有相同的name
       value属性 定义值
            每个元素都应该有的,主要给后台人员来使用的
     
        checked 针对单选和多选 当页面打开的时候默认选择
     
        maxlength 最大长度
 
    select下拉表单元素
    使用场景:有多个选项,想节约空间
    select至少包含一个option 在option中的属性selected = selected进行默认选择
 
    使用场景 for 和表单元素的id属性相同就对应上
    textarea文本域表单元素 输入文本较多时