今天的影片內容為介紹HTML語法中，文件輸出的應用以及建構完整的網頁
以下為影片中有使用到的程式碼
<!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>
如果在影片中有說得不太清楚或錯誤的地方，歡迎留言告訴我，謝謝您的指教。
iThome鐵人賽
看影片追技術