网站首页 > 技术教程 正文
1、建立站点后,在文件夹上右键新建一个文件,改名为音乐制作网页,然后双击进入网页,首先,插入表格,17行,2列,表格宽度和表格粗细都为0,确定。选中表格,下边的对齐方式为,居中对齐
2、选中第一个格,按住Ctrl键再选中第二个格,右键,表格,合并单元格,点击插入,图像,选择建的站点下的素材,确定
3、用刚才的方法合并第二行单元格,填写导航栏文字,选择拆分,找到对应代码位置,填写空格代码 在文字前后都添加空格,使导航栏文字间隙均匀,下边背景颜色改为紫色
4、编写下一行文字,背景颜色为绿色,金曲列表文字,下边,HTML,格式为标题5,歌曲下载文字,下边,HTML,格式为标题3,找到代码中金曲列表文字对应位置,添加空格代码
5、在歌曲下载文字后面插入,图像,选择下载图标图片,点击图片,选择连接指向你的歌曲MP3文件
6、在每个格中加入歌名,每个都要插入,布局对象,Div标签,然后添加歌曲名称
7、右半部分,前两行合并,插入布局对象,添加文字那女孩对我说,HTML格式改为标题2,然后将下边剩余所有行合并,插入布局,添加歌词
8、选择歌词,将HTML的格式改为标题5
9、点击代码,找到歌词位置,复制空格,在每一行歌词前面招贴空格,刷新一下,使歌词居中一些
10、按F12预览
小伙伴们,有没有看懂呢,看不懂可以去看视频呦!
猜你喜欢
- 2024-11-14 在吴中 ,哪里有学网页设计的培训班?
- 2024-11-14 Adobe软件的最佳Linux替代品有哪些?这几款工具不容错过
- 2024-11-14 Brackets,替代Dreamweaver的网页开发工具
- 2024-11-14 星际之恋第一章:意外的邂逅#原创动画推荐
- 2024-11-14 2021年4月自考00900网页设计与制作真题
- 2024-11-14 糖尿病性脂肪肝饮食宜忌?牙膏的妙用大搜集?dreamweaver视频教程?
- 2024-11-14 网页设计软件!!!(网页设计软件visual studio)
- 2024-11-14 骨髓炎怎么治比较好?女性养生?dreamweaver视频教程?
- 2024-11-14 网站的本地站点如何进行建设与规划
- 2024-11-14 6款可替代dreamweaver的工具(6款可替代dreamweaver的工具是什么)
你 发表评论:
欢迎- 最近发表
-
- Win11学院:如何在Windows 11上使用WSL安装Ubuntu
- linux移植(Linux移植freemodbus)
- 独家解读:Win10预览版9879为何无法识别硬盘
- 基于Linux系统的本地Yum源搭建与配置(ISO方式、RPM方式)
- Docker镜像瘦身(docker 减小镜像大小)
- 在linux上安装ollama(linux安装locale)
- 渗透测试系统Kali推出Docker镜像(kali linux渗透测试技术详解pdf)
- Linux环境中部署Harbor私有镜像仓库
- linux之间传文件命令之Rsync傻瓜式教程
- 解决ollama在linux中安装或升级时,通过国内镜像缩短安装时长
- 标签列表
-
- 下划线是什么 (87)
- 精美网站 (58)
- qq登录界面 (90)
- nginx 命令 (82)
- nginx .http (73)
- nginx lua (70)
- nginx 重定向 (68)
- Nginx超时 (65)
- nginx 监控 (57)
- odbc (59)
- rar密码破解工具 (62)
- annotation (71)
- 红黑树 (57)
- 智力题 (62)
- php空间申请 (61)
- 按键精灵 注册码 (69)
- 软件测试报告 (59)
- ntcreatefile (64)
- 闪动文字 (56)
- guid (66)
- abap (63)
- mpeg 2 (65)
- column (63)
- dreamweaver教程 (57)
- excel行列转换 (56)
本文暂时没有评论,来添加一个吧(●'◡'●)