<!DOCTYPE html> <html lang="zh-CN"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我的第一个网页</title><style>body {background-color: #f5f5f5;font-family: "微软雅黑", sans-serif;line-height: 1.6;}.cat-image {display: block;margin: 0 auto;width: 200px;height: auto;}.blue-banner {background-color: #cfe2f3;text-align: center;padding: 20px 0;}.red-paragraph {color: red;text-align: center;line-height: 1.5;}.blue-paragraph {color: blue;text-align: center;line-height: 1.5;}.a-paragraph {text-align: center;line-height: 1.5;}.b-paragraph {text-align: center;line-height: 1.5;}</style> </head> <body><img src="https://qcloud.dpfile.com/pc/D4bHTZZawS8aeNMuO-ilXAq0afgdDn4zr4_IXHj6eyxhCNhCNE_CUFkHbnIxoUZl.jpg" alt="卡通猫" class="cat-image"><div class="blue-banner">这是我的第一个网页</div><p class="red-paragraph">这个段落文字是红色的</p><p class="blue-paragraph">这个段落文字是蓝色的</p><p class="a-paragraph">HTML特殊符号：< > & ©</p><p class="b-paragraph">HTML实体符号：A©</p> </body> </html>