登录/ 注册
 找回密码
 立即注册
关闭

CSDN热搜

程序园 精品问答 技术交流 资源下载
返回列表 发新帖
首页 › 业界区 › 业界 ›大学生挑战全网超详细web笔记04弹

大学生挑战全网超详细web笔记04弹

昆拗干 9 小时前
程序园永久vip申请，无限下载程序园所有程序/软件/数据/等
1.四张照片合成一张
左右：
  1.   < img src="图片1.jpg" >
  2.   < img src="图片2.jpg" >
复制代码
上下：
  1.   < img src="图片1.jpg" >
  2.   < img src="图片2.jpg" >
复制代码
2.设置不同样式的超链接
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title></title>
  6.         
  7.     </head>
  8.     <body>
  9.         
  10.         空连接</a >
  11.     </body>
  12. </html>
复制代码
3.行内代码块
  1. 块: display:block 
  3. 行: display:inline 
  5. 行内块:display:inline-block
复制代码
4.空链接作用
预存位置，模拟按钮样式
5.不同样式
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.     <meta charset="utf-8">
  5.     <title>ID选择器链接</title>
  6.    
  7. </head>
  8.         </head>
  9.         <body>
  10.         空链接</a >
  11.        
  13.         外部链接</a >
  14. </body>
  15. </html>
复制代码
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title></title>
  6.         
  7.     </head>
  8.     <body>
  9.         空链接
  10.         内部链接
  11.         外部链接
  12.         锚记
  13.         电子邮件
  14.         点我下载
  15.         交互
  16.         <h1 >我的爱好是</h1>
  17.         <h1 >发疯进行中</h1>
  18.         <h1 >整天在睡觉</h1>
  19.         <h1 >我真想吃饭</h1>
  20.         
  21.         
  22.     </body>
  23. </html>
复制代码
6.呈现效果
<img alt="image-20260403091712967" loading="lazy">


来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！
大学生挑战全网详细web

使用道具 举报

相关推荐
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册
发帖
昆拗干
9 小时前

0

粉丝关注

23

主题发布

板块介绍填写区域，请于后台编辑
微信扫一扫