结构与表现分离: HTML/CSS

来源：互联网发布：php源代码加密解密编辑：程序博客网时间：2024/04/28 15:40

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>test</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">  <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> body img#photo{ display:block; width:200px; height:150px; background-color:blue; border:solid 10px #3377cc; float:left; } body p#content{ font-size:20px; } </style> </head> <body> <img id="photo" alt="我是一张图片"></img> <p id="content"> 我是文本内容我是文本内容我是文本内容我是文本内容我是文本内容我是文本内容我是文本内容我是文本内容我是文本内容我是文本内容我是文本内容我是文本内容 </p> </body></html>