首页 前端知识 HTML-1-认知

HTML-1-认知

2024-04-29 11:04:20 前端知识 前端哥 501 347 我要收藏

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=#

转载请注明出处或者链接地址:https://www.qianduange.cn//article/6084.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!