HTML5简单入门

HTML5简单入门

1. HTML5简介

HTML:超文本语言, HTML5 技术结合了 HTML4.01 的相关标准并革新，符合现代网络发展要求，在 2008 年正式发布。

https://baike.baidu.com/item/html5 详见百度百科

2. HTML5基本标签介绍

• 基本标签

• 标题标签

一级标签
二级标签
三级标签
四级标签
五级标签
六级标签

• 段落标签

• 换行标签

• 水平线标签

• 字体样式标签

粗体
斜体

• 特殊符号

空格:    大于号:  > 小于号: <  版权符号: ©

• 图片标签

常见的图像格式: JPG  GIF  PNG  BMP
标签:
   src: 图片路径   alt: 图片不显示是提示   title:鼠标悬停显示的文字   width:高   height:宽

• 超链接标签

href: 跳转路径   target: 跳转页面打开方式 (-blank  在新标签中打开 _self 在自己网页中打开)
 锚链接: 需要一个锚标记, 点击可跳转到标记
  如:回到顶部
     标记
   点击"回到顶部", 可跳转到"标记所在的位置"
 邮件链接:给我发邮件 输入邮件地址, 点击"给我发邮件"可进行邮件发送功能

• 视频音频

视频标签:
音频标签:
   src: 视频/音频 文件路径   controls 显示控制条  autoplay: 自动播放

• 列表标签:

有序列表: 
    

        

        

        

    
无序列表:
    

        

        

        

    
自定义列表:
    

        

        

    
    dl: 自定义列表标签   dt:列表名称   dd:列表内容  

• 页面结构标签

网页头部
网页主体
网页脚部
导航

• 表格标签

    
        
        
        
    
    
        
        
        
    
第一行第一列
第一行第二列
第一行第三列
第二行第一列
第二行第二列
第二行第三列

  tr: 行标签  td: 列标签   colspan: 跨列   rowspan:跨行

• 表单标签

 action: 提交地址  method: 提交方式get/post
  输入框:
    type: 输入框类型
       text:文本框  password:密码框  radio:单选框  checkbox:多选框  button:按钮
       file:文件域  submit:提交按钮  reset:重置按钮 email:输入邮件框  url:输入网址框
       number:数字输入框  range: 滑块   search:搜索框
    name: 名称
    value:默认值
    placeholder:未输入内容时的提示
    required:不能为空
    hidden:隐藏
    readonly:只读
    partten:自定义的正则校验
    maxlength:输入字符长度
    disabled:不可用
  文本域:文本内容
    cols: 行   rows:列
  下拉框: 
            
            
            
            
            
        
        value: 值  selected:默认选中

• 内联框架

src: 嵌入网页路径  name: 名称  frameborder:边框宽度  width: 宽  htight:高