回顾基础--HTML篇

HTML语法规范

  开始标签与结束标签

  单标签  

包含关系

      


并列关系

1、 标题标签

标题标签 【双标签】
  ~  

例子：
一级标题

2、 分段标签和换行标签

分段标签和换行标签
1、分段标签
    
...
2、换行标签【单标签】
    

3、 文本格式化标签

文本格式化标签
1、加粗
    我是加粗的文字  

    我是加粗的文字            

2、倾斜
    我是倾斜的文字          

    我是倾斜的文字            

3、删除线
    我是删除线            

    我是删除线                

4、下划线
    我是下划线            

    我是下划线                
 

4、 div 和 span 标签

    
...

    ...

5、 图像标签

图像标签    
    

属性	意思
alt	替换文本【团片不能显示时，用文字显示】
title	提示文本【鼠标停放在图片上时，会有文本显示】
width	设定图片宽度
height	设定图片高度
border	设定边框（黑色）

5.1 相对路径

1、同一路径：
    
2、下一路径：
    
3、上一路径：
    

5.2 绝对路径

6、 超链接标签

1.外部链接：
    腾讯
    target 打开窗口的方式：1.默认的值是_self，当前窗口打开页面
                          2._blank，新窗口打开页面 

2.内部链接：网站内部页面之间的相互链接
    公司简介

3.空链接：#
    公司地址

4.下载链接：地址链接的是 文件 .exe 或者是 zip 等压缩包形式
    下载文件

5.网页元素的链接：点击这个图片，会打开百度
    

6.1 锚点标签

 AABBAABB 

......

<某标签 id="abc">

【点击a标签有 href="#abc"（AABBAABB）后，会跳转到 id="abc" 所在地方】

7、 表格标签

    

        
 
姓名
性别
年龄
 
        
 
刘德华
男
56
 
        
 
张学友
男
58
 
        
 
郭富城
男
51
 
    

7.1 表格表头

... 和 ... 
区别是 ：会加粗加黑、居中

7.2 表格属性

属性名	属性值	描述
align	left（左）、center（中）、right（右）	对齐方式【整个table标签的】
border	1 或 ""	默认没有边框
cellpadding	像素值	单元边缘 与 内容的距离
cellspacing	像素值	单元格之间距离
width	像素值 或 百分比	表格宽度
height	像素值 或 百分比	表格高度

7.3 合并单元格

1、colspan指跨列合并 2格
    

2、rowspan指跨行合并 2格
        

8、 列表标签（无序|有序|自定义）

1、无序列表
    

        
...
        
...
        
...
    

2、有序列表
    

        
...
        
...
        
...
    

3、自定义列表
    

        
...
  老大
        
...
  小弟
        
...
        
...
    

9、 表单标签

1、表单域
    
...


2、input表单元素
    >
    
    <1> (1) text     : 文本框（可输入任何文字）
        (2) password : 密码框（用户看不见密码）
        (3) radio    : 单选按钮（实现单选）【每个按钮加一个属性 name=""，且值需一样】
        (4) checkbox : 复选框（实现多选）【每个按钮加一个属性 name=""，且值需一样】
        (5) submit   : 提交按钮，把form中元素的值提交【例子：免费注册】
        (6) reset    : 重置，还原表单元素初始状态【例子：重置表单，必须被 
 包围着】
        (7) button   : 普通按钮【例子：获取验证码】
        (8) file     : 文件域，上传文件

    <2> 表单控件:
        (1) name=""        : 该表单名称
        (2) value=""       : 表单的初始值
        (3) placeholder="" : 当没有值设定时，出现在表单控件上的文字
        (4) type=""        : 表单类型，如 <1>
        (5) maxlength=""   : 输入字符最大长度【minlength最小长度】（对于输入框）
        (6) checked        : 首次打开，按钮被选中（对于 单选框 或者 多选框）

    
        

        用户名:  

        

        密码:  

        

        
        性别: 男  女  人妖  

        

        爱好: 吃饭  睡觉  打豆豆  

        

        
        

        
        

         

        

        上传头像: 
        
    

 

10、 label标签、select下拉列表和textarea文本域

1、标签
    【通过 for 值，找到 同值 的 id 值】
     用户名:  
    
    【点击 用户名 ，多选框会选上，再次点击，取消选中】

2、select下拉列表
    
        北京
        山东
        天津
        火星
    
    【selected：打开直接选中】

3、textarea文本域【可输入多行文本】
    请输入文字
    【cols：显示行数、rows：每行字符数】