本文主要和大家分享前端html的基本用法和实例详解,希望能帮助到大家。
代码要求:
代码如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> .body { width: 560px; height: 260px; border: 1px solid black; padding: 20px; font-size: 14px; line-height: 24px; } .body p { width: 394px; /*height: px;*/ /*border: 1px solid black;*/ /*margin-left: 20px;*/ float: right; margin-top: 0px; text-indent: 28px; } .body p span { text-indent: 28px; } .body img { float: left; /*width: 146px; height: 187px; margin-left: 40px; margin-top: 20px; margin-right: 20px;*/ } </style> </head> <body> <p class="body"> <!--<p class="pic">--> <img src="前端\01天\练习/programmer.jpg" alt=""> # 这个地址可以是相对地址,或者是觉得地址 <p> 程序员(英文Programmer)是从事程序开发、维护的专业人员。一般将程序员分为程序设计人员和程序编码人员,但两者的界限并不非常清楚,特别是在中国。软件从业人员分为初级程序员、中级程序员、高级程序员、系统分析员,系统架构师,测试工程师六大类。<br> <span>世界上第一位程序员是英国著名诗人拜伦的女儿,曾设计了巴贝奇分析机上解伯努利方程的一个程序。她叫AdaLovelace,她甚至还建立了循环和子程序的概念。由于其在程序设计上的开创性工作,AdaLovelace被称为世界上第一位程序员。美国国防部开发的ADA语言就是为纪念这位世界上的第一位程序员而命名的。</span> </p> </p> </p> </body> </html>
效果图:
以上是前端html的实例分享的详细内容。更多信息请关注PHP中文网其他相关文章!