day01--html学习

HTML初识

一基础认知

网页的组成为:文字、图片、音频、视频、超链接

常见的浏览器:IE浏览器、火狐浏览器、谷歌浏览器、Safari浏览器、欧朋浏览器 (其中IE浏览器在今年停止更新,Mircrosoft Edge浏览器逐渐热门)

Web标准:为了让不同的浏览器按照相同的标准显示结果,让展示的效果统一。

Web标准中分成三个构成:html 结构、css 表现、JavaScript 行为。(页面元素、页面样式、页面交互)

html骨架为html标签、head标签、body标签、title标签。

Ctrl+/ 为注释 帮助开发人员理解代码、浏览器执行代码是会忽略所有的注释

双标签、单标签

标签的关系分为 嵌套关系和并列关系。

二、html的标签学习

  1. 排版标签:

    标题标签(h1~h2)

    段落标签(p)

    换行标签(br)

    水平标签(hr)

  2. 文本格式化标签(主要记 strong 、i)

  3. 媒体标签

    图片标签(img src="图片路径" alt="显示失败时文字" title="鼠标悬停显示文字" width="宽" height="高")

    路径(./之后选择就好 ../返回上一级)【相对路径和绝对路径】

    音频标签(audio src="音频路径" controls显示播放的控件 autoplay自动播放有的不支持 loop循环播放)

    视频标签(video src="是视频的路径" controls显示播放的控件 autoplay自动播放 muted 和autoplay静音播放一起使用 loop循环播放)

  4. 链接标签(a href="./目标的网页.html" target="_self 默认值,在当前窗口跳转 _blank 在新窗口中跳转")

三、思维导图

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值