HTML基本标签和图片音频链接和css

您所在的位置:网站首页 html怎么做图片超链接 HTML基本标签和图片音频链接和css

HTML基本标签和图片音频链接和css

2024-05-29 15:48| 来源: 网络整理| 查看: 265

如若要做图片的链接在引入图片时我们可以给图片定义ID号,就跟锚链接的名字是一样的道理

例如:

月亮 如何用一个图片做超链接的入口:

直接用img引用地址就可以了

其实影像和图片一样都只需要加个ID属性表示他的名称就可以了

下面实现ABC三个页面图片和图片和文字之间的跳转:

A页

B页

C页

这是第一幅图对应的话

HTML基本标签:

标题标签:~

段落标签:

换行标签:

水平线标签:

字体加粗标签:

斜体标签:

引入图像(images)

实例:

超链接

1页面间的链接:从A业跳转到B页

热点文本或图片

实例:跳转到百度,打开一个新的窗口

跳转到百度,在本窗口打开

traget="_blank"就打开一个新的窗口

traget="_self"就在本场口打开新的网页

2锚链接:跳至自身固定位置,或A页跳至B页固定位置,需锚点标记

锚点标记目标:

图片或文本

任意跳转位置:

热点文本或图片

引入视频元素:

普通结构:

多种选择格式的写法:

   

   

注:autoply提供自动播放功能,controls提供开始,暂停,音量控制等控件,也可以继续加上width=“宽度”属性,他会自己匹配高度。

引入音频文件:

   

   

页面布局分析:

页面头部;页面主体;页面底部

元素名

header       标题头部区域内容

footer        标题脚部区域内容

section       Web网页中的一块独立区域

article        独立的文章内容

aside         相关内容和应用

nav           导航类辅助内容

    网页头部

    网页主体内容

    网页底部

css

语法{        声明1;

                声明2;

                声明3     }

例如:

h1{    color:red;  

         font-size:12px      }

标签选择器:

用一个名字做选择器,然后用这个名字包起来的内容都将按照声明的格式显示

类选择器:

.名字1{    声明1;    }

ID选择器:

#名字2{    声明1;    }

调用:



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3