前端开发学习-1

HBuilder学习第一周

  • 整体代码&预览
<!DOCTYPE html>
<html>
	<head>
		<title>个人介绍-SHP</title>
	</head>
	
	<body>
		<div id="content" style=height:200px;width:400px;float:left;">
		</div>
	      <h1 style="text-align:center;">个人简介</h1>
	      		<div style="float:left">
		 <h2>基本信息</h2>
		 <table border="0">
		 			<tr>
		 				<td>姓名:</td>
		 				<td>SHP</td>
		 			</tr>
		 			<tr>
		 				<td>性别:</td>
		 				<td></td>
		 			</tr>
		 			<tr>
		 				<td>出生:</td>
		 				<td>2001.04.19</td>
		 			</tr>
		 			<tr>
		 				<td>专业:</td>
		 				<td>信息管理与信息系统</td>
		 			</tr>
		 			<tr>
		 				<td>学历:</td>
		 				<td>大学本科在读</td>
		 			</tr>
		 		</table>
			<h3>
				About me 
			</h3>
			<table border="0">
		<tr>
			<td style="color:LightSkyBlue">健康快乐偶尔自信</td>
		</tr>
		<tr>
			<td style="color:LightSkyBlue">干啥啥不行 吃饭第一名</td>
		</tr>
		<tr>
			<td style="color:LightSkyBlue">照骗大赛常驻嘉宾</td>
		</tr>
		
	    <p>
			<img src="image/20210309193511.jpg" alt="picture" width="400" height="400"/>
			
		</p>
</html>

在这里插入图片描述
在这里插入图片描述
- 标签解读
标题是<h1> - <h6>

段落是标签 <p>

图像标签 <img>

定义文档区域属性<div style="color:#0000FF"></div>

简单的表格 表格包括 <table> 元素,一个或多个 <tr>、<th> 以及 <td> 元素
<tr> 元素定义表格行,<th> 元素定义表头,<td> 元素定义表格单元。

评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值