HTML5

课程地位

HTML
Hyper Text Markup Language(超文本标记语言)

W3C
World Wide Web Consortium(万维网联盟)
成立于1994年,Web技术领域最权威和具影响力的国际中立性技术标准机构
http://www.w3.org/
http://www.chinaw3c.org/

W3C标准包括:
结构化标准语言(XHTML 、XML)
表现标准语言(CSS)
行为标准(DOM、ECMAScript )

网页编辑工具:记事本、Dreamweaver、WebStorm

标题标签

段落标签

换行标签


水平线标签



字体样式标签
加粗:
斜体:

这里写图片描述

块元素
无论内容多少,该元素独占一行(p、h1-h6…)
行内元素
内容撑开宽度,左右都是行内元素的可以排在一行(a、strong、em…)

总结

———————列表、表格与媒体元素———————-

什么是列表
列表就是信息资源的一种展示形式。它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快捷地获得相应的信息

列表的分类
无序列表
有序列表
定义列表

无序列表的特性
没有顺序,每个

  • 标签独占一行(块元素)
    默认
  • 标签项前面有个实心小圆点
    一般用于无序类型的列表,如导航、侧边栏新闻、有规律的图文组合模块等
  • 有序列表的特性
    有顺序,每个

  • 标签独占一行(块元素)
    默认
  • 标签项前面有顺序标记
    一般用于排序类型的列表,如试卷、问卷选项等
  • 定义列表的特性
    没有顺序,每个

    标签、
    标签独占一行(块元素)
    默认没有标记
    一般用于一个标题下有一个或多个列表项的情况
    这里写图片描述

    HTML5的媒体元素:
    视频元素
    video
    音频元素
    audio

    元素名 描 述
    header 标题头部区域的内容(用于页面或页面中的一块区域)
    footer 标记脚部区域的内容(用于整个页面或页面的一块区域)
    section Web页面中的一块独立区域
    article 独立的文章内容
    aside 相关内容或应用(常用于侧边栏)
    nav 导航类辅助内容

    这里写图片描述

    ——————————–表单—————————————————–
    这里写图片描述

    placeholder:
    input类型的文本框提供一种提示(hint)
    可以描述文本框期待用户输入何种内容
    提示语默认显示,当文本框中输入内容时提示语消失
    适合于input标签:text、search、url、email和password等类型

    required:
    规定文本框填写内容不能为空,否则不允许用户提交表单
    适合于input标签:text、search、url、email、password、number、checkbox、radio、file等类型

    这里写图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值