【DAY 05】HTML 标签的基本元素(二)

前言

忘记一天要发一篇,被自己笨死~~虽然中断了但我还是把它完成吧。

今天一样继续HTML语法吧

超连结

连结为一个网页不可少的东西,没有连结就那都不能去。

完整的超连结语法是<a href="要连结的网址">。

而在<a href="要连结的网址">的标签中,可插入"target="_blank",

变成<a href="要连结的网址" target="_blank">,可将连结的画面内容,开在新的浏览视窗中。

当然,target可以设定其他的功能,但是其他比较不那麽常用到。

图片

图片在网页担任很重要的工作,只有文字对於网页来说相当的无趣,那麽完整的语法是甚麽呢?

完整插入图片语法为<img src="图片网址">

https://ithelp.ithome.com.tw/upload/images/20210919/20137420C4e29LIWm8.png

https://ithelp.ithome.com.tw/upload/images/20210919/20137420kuI7EqnuTn.png

是不是相当的简单呢

空元素

上面教学了加入图片的用法,那就让大家必须知道甚麽是空元素。

简单来说有些元素没有内容,我们称为「空元素(empty elements)」。

以上面图片为例:
<img src="图片网址">

当使用加入图片的语法时,有时候里面并不会输入文字,所以就不需要加入结束的标签,这样就可以

直接将图片呈现在网页上做使用

(因为图片元素是直接把图档嵌在 HTML 网页上)

两种强调: 斜体&粗体

在 HTML 我们一般会用两种方法来强调需要强调的内容,让使用者能更清楚的看到重点。

Emphasis (斜体): <em>123</em>
https://ithelp.ithome.com.tw/upload/images/20210919/20137420DDK2xQJARu.png
https://ithelp.ithome.com.tw/upload/images/20210919/20137420npdyQi43Eb.png

Strong (粗体): <strong>123</strong>

https://ithelp.ithome.com.tw/upload/images/20210919/20137420zTJvJ0XXKm.png
https://ithelp.ithome.com.tw/upload/images/20210919/20137420dxXWHg1QVu.png

那麽今天就到这拉,明天来教学甚麽事<div>&<span>


<<:  Day 5 : HTML - 网页排版超强神器,CSS Flex到底是什麽?

>>:  Day4 用MR体验现实世界中办不到的事情或是事先体验将要做的事情

Alteryx使用案例║Mercedes-Benz 因疫情产线停摆无法交车怎麽办?

这近一个月的疫情高峰,相信你手头上会有很多突发的任务要处理 就像是这位 Mercedes-Benz ...

D30-(9/30)-远雄港(5607)-贸易港区冷链

注:发文日和截图的日期不一定是同一天,所以价格计算上和当日不同,是很正常的。 声明:这一系列文章并无...

Day5 Redis组态档设定-GENERAL 2

Redis.config GENERAL daemonize 是否要用daemon方式启动Redis...

Day 8 进阶型别 - Part 1

今天要来介绍Intersection、Type guard。 Intersection 型别是把两种...

DAY11 MongoDB 深入聚合与常见问题

DAY11 MongoDB 深入聚合与常见问题 MongoDB 的运算子前面有提到过,那是属於查询用...