![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
前端基础的学习,为什么要使用这个标签,该怎么样这个标签,理解性地学习
海绵虎宝爱Smile
这个作者很懒,什么都没留下…
展开
-
图片的引入
图片标签 网页中引入图片 网页是文本文件,里面只能包括字符,无法放图片和音频 图片标签用于向当前页面中引入一个外部图片 使用img标签引入外部图片,img是一个自结束标签 属性: src 属性指定的是外部图片的路径 可以引入网站的图片,也可以使用相对路径引入内部图片 img属于替换元素(基于块和行内元素之间) 显示的并不是img本身,而是显示的是超链接所引入的图片 显示的外部引入的资源, 内容被引入的图片替换了,所以称为替换元素 alt属性是对图片的描述 这个...原创 2020-10-18 18:29:12 · 492 阅读 · 0 评论 -
音视频播放
音视频播放 audio标签用来向页面中引入一个外部的音频文件 音视频文件引入时,默认情况下不允许用户自己控制播放停止 如何控制进度? 添加属性controls,会出现音频的进度条,可以控制音乐 属性autoplay 音频文件是否自动播放(火狐没有自动播放)、 如果设置了autoplay,则音乐在打开页面时会自动播放 (容易影响到用户体验,现在浏览器一般不会自动播放,播放过之后,再打开会自动播放 比如音量较大,突然打开网页,可能会吓一跳) loop 音乐是否循环播放,音乐播...原创 2020-10-18 18:27:44 · 71 阅读 · 0 评论 -
语义化标签
html负责网页的结构 所以在使用html标签时,应该主要关注的是语义,,而不是它的样式 css可以控制样式,css负责表现 标题标签: h1-h6一共有六级标签 从h1-h6重要性递减,h1最重要,h6最不重要 h1在网页中的重要性仅次于title标签,一般情况一个页面只会有一个h1 h1相当于论文的标题 一般情况下使用h1-h3,h4-h6当作普通标签使用 块元素 对应的是 行内元素 在页面中独占一行的元素称为块元素(block element) 对应的是不独占一...原创 2020-10-18 17:52:40 · 310 阅读 · 1 评论 -
meta标签(以京东首页为例)
主要用于设置网页中的一些元数据,元数据不是给用户看的 charset指定网页的字符集 name 指定数据的名称 content 指定数据的内容 name = "keywords" , content = "前端,html,css"//这里指定了三个关键字 keywords(不区分大小写)表示关键字,比如搜索引擎搜索网上购物两个字 就会弹出来相应的购物网站,这是程序员写在meta里面 相当于是搜索引擎为网站分类(根据网站的属性和作用) 如果标签忘记了,可以看现成网站的源代码 ...原创 2020-10-18 17:37:45 · 337 阅读 · 0 评论 -
HTML的基本结构及标签作用(从一篇文章格式的引入)
这里是标签简介(html的框架结构) 就像Java中 public static void main(String args[]){} 等默认的这种结构,了解即可,不必每次重复写 标签的作用:标识出网页中不同的内容 每个内容都有对应的标签 开始标签 结束标签 <标签名> 需要修饰的文本</标签名> 为了分辨开始和结束,结束的标签名是</标签名> 开始和结束之间放的是修饰的内容 -----------------------------...原创 2020-10-18 17:20:04 · 904 阅读 · 0 评论