HTML-1-认知

HTML认知-01-初识-网页组成和本质

组成:文字 图片 音频 视频 超视频

本质:前端程序员写的代码

HTML认知-02-了解-初识-浏览器

五大浏览器:IE浏览器 火狐浏览器 谷歌浏览器 Safari浏览器 Opera浏览器

推荐:谷歌

HTML认知-03-初识-web标准

Web标准分成三个构成:

HTML认知-04-HTML感知

HTML:超文本标记语言

把后缀改成html,可变成网页

HTML认知-05-HTML骨架

html标签:网页的整体

head标签:网页的头部

body标签:网页的身体

title标签:网页的标题

HTML认知-06-vscode的简介和使用

新建文件,后缀是.html

输入 再回车可得到html骨架

再在<title>   </title>中间输入标题,在<body>   </body>中间输入主体

保存后点开文件可看到网页内容,或者右键点击 Open In Default Browser 打开,再或者快捷键Alt+B 打开

HTML认知-07-注释

注释:点击要加注释的那一行,快捷键Ctrl+/

HTML认知-08-标签组成和关系

HTML认知-09-标题和段落

输入h1再回车,就可以得到<h1>   </h1>,在里面输入标题内容即可

输入p再回车,就可以得到<p>   </p>,在里面输入段落内容即可

HTML认知-10-换行线和水平线标签

换行<br>

水平线<hr>

HTML认知-11-文本格式化标签

图右突出重要性语境

HTML认知-12·13-图片-基本使用

图片标签:

<img src=“” alt=“替换文本” title=“提示文本”  weight=“图片的宽度”  height=“图片的高度” >

alt为替换文本,当图片不显示时会显示的文字

title为提示文本,当鼠标悬停时会显示的文字

weight和height只设置其中一个时,另一个会等比例缩放

HTML认知-14·15·16-路径

同级:<img src=“图片名称” alt=“” > 或者<img src=“./图片名称” alt=“” > ./表示当前文件夹

下级:<img src=“同级图片所在文件夹名称/图片名称” alt=“” >

上级:<img src=“../图片名称” alt=“” >或者<img src=“../上级图片所在文件夹名称/图片名称” alt=“” >../表示上一级文件夹,如果还想再上一级,可再加一个.

HTML认知-17-音频标签

音频标签:

<audio src=“音频名称” controls autoplay loop ></audio>

HTML认知-18-视频标签

视频标签:

<video src=“音频名称” controls autoplay loop muted></audio>

HTML认知-19-超链接

超链接标签:

<a href =“网页地址或路径” target=“ ”> 超链接</a>

例如

<a href=“https://www.bilibili.com”>跳转到b站</a>

如果跳转到本地网页

<a href=“./01-文字标签”>点我跳转到01-文字标签</a>

当开发网站初期,不知道要跳转到哪,则href=#

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值