Day12 HTML二

今天的影片内容为介绍HTML语法中,文件输出的应用以及建构完整的网页/images/emoticon/emoticon12.gif

以下为影片中有使用到的程序码

<!doctype html>
<html lang="zh-tw">
<head>
    <meta charset="utf-8">
	<title>资料输出1</title>
</head>
<body>
水母的秘密
撷取自维基百科

水母的寿命
水母生命周期十分复杂,寿命长短不一,相关研究也较为缺乏。
最特殊的是灯塔水母,它能通过反覆通常生殖和转分化达到「不老不死」。

水母的天敌
鲨鱼:鲨鱼偶尔会捕食水母,但大部分的时候不会。
玳瑁:目前已知玳瑁除了捕食小鱼为生,另一食物来源为水母。
海龟:捕食水母为生,海龟除了眼睛外,身体其他部分都可以抵抗水母的毒性,牠们在捕食水母时会闭上眼睛。
曼波鱼:捕食水母为生。
紫螺:分布在热带太平洋温暖的水域,爱吃漂浮在水面的水母。
</body>
</html>
<!doctype html>
<html lang="zh-tw">
<head>
    <meta charset="utf-8">
	<title>资料输出1</title>
</head>
<body>
<pre>
水母的秘密
撷取自维基百科

水母的寿命
水母生命周期十分复杂,寿命长短不一,相关研究也较为缺乏。
最特殊的是灯塔水母,它能通过反覆通常生殖和转分化达到「不老不死」。

水母的天敌
鲨鱼:鲨鱼偶尔会捕食水母,但大部分的时候不会。
玳瑁:目前已知玳瑁除了捕食小鱼为生,另一食物来源为水母。
海龟:捕食水母为生,海龟除了眼睛外,身体其他部分都可以抵抗水母的毒性,牠们在捕食水母时会闭上眼睛。
曼波鱼:捕食水母为生。
紫螺:分布在热带太平洋温暖的水域,爱吃漂浮在水面的水母。
</pre>
</body>
</html>
<!doctype html>
<html lang="zh-tw">
<head>
    <meta charset="utf-8">
	<title>资料输出1</title>
</head>
<body>
<h1>水母的秘密</h1>
撷取自维基百科<br>

<h2>水母的寿命</h2>
水母生命周期十分复杂,寿命长短不一,相关研究也较为缺乏。<br>
最特殊的是灯塔水母,它能通过反覆通常生殖和转分化达到「不老不死」。<br>

<h2>水母的天敌</h2>
鲨鱼:鲨鱼偶尔会捕食水母,但大部分的时候不会。<br>
玳瑁:目前已知玳瑁除了捕食小鱼为生,另一食物来源为水母。<br>
海龟:捕食水母为生,海龟除了眼睛外,身体其他部分都可以抵抗水母的毒性,牠们在捕食水母时会闭上眼睛。<br>
曼波鱼:捕食水母为生。<br>
紫螺:分布在热带太平洋温暖的水域,爱吃漂浮在水面的水母。<br>
</body>
</html>
<!doctype html>
<html lang="zh-tw">
<head>
    <meta charset="utf-8">
	<title>资料输出1</title>
</head>
<body>
<h1>水母的秘密</h1>
<p>撷取自维基百科</p>
<h2>水母的寿命</h2>
<p>
水母生命周期十分复杂,寿命长短不一,相关研究也较为缺乏。<br>
最特殊的是灯塔水母,它能通过反覆通常生殖和转分化达到「不老不死」。<br>
</p>
<h2>水母的天敌</h2>
<p>
鲨鱼:鲨鱼偶尔会捕食水母,但大部分的时候不会。<br>
玳瑁:目前已知玳瑁除了捕食小鱼为生,另一食物来源为水母。<br>
海龟:捕食水母为生,海龟除了眼睛外,身体其他部分都可以抵抗水母的毒性,牠们在捕食水母时会闭上眼睛。<br>
曼波鱼:捕食水母为生。<br>
紫螺:分布在热带太平洋温暖的水域,爱吃漂浮在水面的水母。<br>
</p>
</body>
</html>
<!doctype html>
<html lang="zh-tw">
<head>
    <meta charset="utf-8">
	<title>资料输出1</title>
</head>
<body>
<h1>水母的秘密</h1>
<p>撷取自维基百科</p>


<section><!-- 标题自动降一级输出 -->
<h1>水母的寿命</h1>
<p>
水母生命周期十分复杂,寿命长短不一,相关研究也较为缺乏。<br>
最特殊的是灯塔水母,它能通过反覆通常生殖和转分化达到「不老不死」。<br>
</p>
</section>

<section>
<h1>水母的天敌</h1>
<p>
鲨鱼:鲨鱼偶尔会捕食水母,但大部分的时候不会。<br>
玳瑁:目前已知玳瑁除了捕食小鱼为生,另一食物来源为水母。<br>
海龟:捕食水母为生,海龟除了眼睛外,身体其他部分都可以抵抗水母的毒性,牠们在捕食水母时会闭上眼睛。<br>
曼波鱼:捕食水母为生。<br>
紫螺:分布在热带太平洋温暖的水域,爱吃漂浮在水面的水母。<br>
</p>
</section>

</body>
</html>
<!doctype html>
<html lang="zh-tw">
<head>
    <meta charset="utf-8">
	<title>资料输出1</title>
</head>
<body>

<header>
<h1>水母的秘密</h1>
<p>撷取自维基百科</p>
</header>

<section>
<h1>水母的寿命</h1>
<p>
水母生命周期十分复杂,寿命长短不一,相关研究也较为缺乏。<br>
最特殊的是灯塔水母,它能通过反覆通常生殖和转分化达到「不老不死」。<br>
</p>
</section>

<section>
<h1>水母的天敌</h1>
<p>
鲨鱼:鲨鱼偶尔会捕食水母,但大部分的时候不会。<br>
玳瑁:目前已知玳瑁除了捕食小鱼为生,另一食物来源为水母。<br>
海龟:捕食水母为生,海龟除了眼睛外,身体其他部分都可以抵抗水母的毒性,牠们在捕食水母时会闭上眼睛。<br>
曼波鱼:捕食水母为生。<br>
紫螺:分布在热带太平洋温暖的水域,爱吃漂浮在水面的水母。<br>
</p>
</section>

<footer>
<br>
<p>此网页写於2021某个天气晴的午後</p>
<p>维基百科连结:https://zh.wikipedia.org/wiki/%E6%B0%B4%E6%AF%8D</p>
</footer>

</body>
</html>

如果在影片中有说得不太清楚或错误的地方,欢迎留言告诉我,谢谢您的指教。


<<:  网页文字-30天学会HTML+CSS,制作精美网站

>>:  Day 0x19 UVa10929 You can say 11

Day.14 Hash map II

今天要把上一篇讲的hash map写成code! struct type Node struct {...

[Day6] 开发环境建置

这节将介绍笔者这次的开发环境。 笔者这次选用Python做为开发的程序语言。 会选择Anaconda...

Day19 - AVL tree

大家好,我是长风青云。今天是铁人赛第十九天。 这是今天的影片。 来说个题外话。 今天下午我在看云端课...

事件处理(Day7)

React element 事件 VS DOM element 事件 React element 处...

Day17,NFS provisioner

正文 今天要来安装Kubernetes上的NFS provisioner,主要就是搭配我的DS718...