• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
Dragon水魅
博客园    首页    新随笔    联系   管理    订阅  订阅

零基础学习Web开发(2)——img标签和a标签的使用

文章目录

      • 官方资料
      • 学习正文
      • 重点知识记录

注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php

官方资料

鱼C课程案例库:https://ilovefishc.com/html5/
html5速查手册:https://man.ilovefishc.com/html5/
css速查手册:https://man.ilovefishc.com/css3/

学习正文

img标签:https://man.ilovefishc.com/pageHTML5/img.html
a标签:https://man.ilovefishc.com/pageHTML5/a.html

<!DOCTYPE html>

<html>
	<head>
		<title>第二个程序</title>
	</head>
	<body>
		<h1>Hello World</h1>
		<img alt="FishC-LOGO" src="FishC.png" width="256px" height="256px">		<!--px为像素点-->
		<a href="https://fishc.com.cn/forum.php">这是url上显示的文字,同时在该窗口中打开url</a>
		<a href="https://fishc.com.cn/forum.php" target="_blank">在新的窗口中打开url</a>
		<p>I love FishC.com!</p>
	</body>
</html>

以下是运行结果:
在这里插入图片描述

重点知识记录

img标签:
img标签有两个必需的属性:src 属性 和 alt 属性。
a标签:
在这里插入图片描述

posted @ 2019-12-21 22:59  Dragon水魅  阅读(240)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3