目录

  • 初识HTML
    • 什么是HTML
    • HTML发展史
    • HTML5的优势
    • W3C标准
    • 常见IDE
  • IDEA开发HTML
    • IDEA创建HTML文件,并用浏览器打开
    • 配置浏览器
  • HTML基础
    • HTML基本结构
    • HTML注释
    • 网页基本信息
    • 网页基本标签
    • 图像标签
    • 链接标签
    • 块元素和行内元素
    • 列表标签
    • 表格标签
    • 媒体元素:音频和视频
  • 页面结构分析
  • iframe内联框架
  • 表单
    • 表单元素
    • 表单的初级验证
  • 总结



初识HTML

什么是HTML

  1. Hyper Text Markup Language
  2. 超文本标记语言
  3. 超文本包括:文字、图片、音频、视频、动画等

HTML发展史

010_HTML5_HTML5

HTML5的优势

010_HTML5_HTML5_02

W3C标准

010_HTML5_HTML5_03

常见IDE

010_HTML5_HTML5_04

IDEA开发HTML

IDEA创建HTML文件,并用浏览器打开

010_HTML5_HTML5_05

配置浏览器

010_HTML5_HTML5_06

HTML基础

HTML基本结构

010_HTML5_HTML5_07

HTML注释


网页基本信息

  1. DOCTYPE声明
  2. title标签
  3. meta标签
    我的第一个页面Hello World!

网页基本标签

  1. 标题标签
  2. 段落标签
  3. 换行标签
  4. 水平线标签
  5. 字体样式标签
  6. 注释和特殊符号

图像标签

010_HTML5_HTML5_08

图像标签

链接标签

010_HTML5_HTML5_09

  1. 文本超链接
  2. 图像超链接
  3. 页面间链接:从一个页面链接到另一个页面
  4. 锚链接
  5. 页面间链接+锚链接:从一个页面链接到另一个页面的锚点
  6. 功能性链接
    1. 邮件链接
    2. QQ链接:使用QQ推广网站的推广工具

010_HTML5_HTML5_10

块元素和行内元素

010_HTML5_HTML5_11

列表标签

010_HTML5_HTML5_12

列表标签javapythonjavascriptjavapythonjavascript编程语言javapythonjavascript武功秘籍九阳神功九阴真经降龙十八掌

表格标签

010_HTML5_HTML5_13

表格标签1-12-12-22-32-43-13-23-3

媒体元素:音频和视频

010_HTML5_HTML5_14

媒体元素

页面结构分析

010_HTML5_HTML5_15

页面结构页面头部页面主体页面脚部

iframe内联框架

010_HTML5_HTML5_16

iframe内联框架点击显示跳转页面嵌入到标识名iframe

表单

010_HTML5_HTML5_17

表单注册

表单元素

010_HTML5_HTML5_18

  1. checked 单选框和多选框选中
  2. selected 下拉框选中
  3. readonly 只读
  4. disabled 禁用
  5. hidden 隐藏
男女一二三反馈文本内容文件域数字滑块搜索框,有叉号,可以删除你点我试试

表单的初级验证

  1. placeholder 提示信息
  2. required 非空
  3. pattern 正则表达式
总结

010_HTML5_HTML5_19