Rumah > Artikel > hujung hadapan web > 前端html的实例分享
前端html的实例分享
- 零到壹度asal
- 2018-03-22 09:42:431563semak imbas
本文主要和大家分享前端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>效果图：
Atas ialah kandungan terperinci 前端html的实例分享. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：关于HTML5的知识小结Artikel seterusnya：关于HTML5+CSS3新增内容的总结