信息管理创新实践 第一周 周记 简单使用HBuilder X

信息管理创新实践 第一周 周记

通过第一周的学习,初步了解到了如何进行HTML编辑

以下是我的HTML文件页面

<!-- 
<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落
 -->
 <!DOCTYPE <!DOCTYPE html>

<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>信息管理创新实践周记</title>
	</head>
	<body>
		<div style="background-color:#ffffd8;height:200px;width:600px;float:left;">
			<!-- <div> 标签定义 HTML 文档中的一个分隔区块或者一个区域部分。 -->
		<div style="color:#aa00ff">
		<h1 style="font-size: 50;">信息管理创新实践</h1>
		</div>
		<h2 style="color: blue;">↓↓博客地址↓↓</h2>
		<p>
			<a href="https://blog.csdn.net/weixin_48694265?spm=1000.2115.3001.5343;">由此进入博客主页		</a>
			<!-- <a>引入链接 -->
		</p>
		<div id="container" style="width:600px">
		<div id="header" style="background-color:#00c7d1;">
		<h1 style="margin-bottom:0;font-size: 40;">个人简介</h1></div>
		<div id="menu" style="background-color:#aaffff;height:800px;width:600px;float:left;">
			
<table border="5" style="font-size: 30;">
	
  <tr>
    <td bgcolor="aquamarine">姓名:</td>
    <td style="color:#ffaa00">SMH</td>
  </tr>
  <tr>
    <td bgcolor="aquamarine">性别:</td>
    <td style="color:#ffaa00">男</td>
  </tr>
  <tr>
    <td bgcolor="aquamarine">民族:</td>
    <td style="color:#ffaa00">汉族</td>
  </tr>
  <tr>
	<td bgcolor="aquamarine">所在地:</td>
  <td style="color:#ffaa00">北京</td>
  </tr>
  <tr><td bgcolor="aquamarine">爱好:</td>
  <td style="color:#ffaa00">旅行</td>
  </tr>
  <tr><td bgcolor="aquamarine">性格:</td>
  <td style="color:#ffaa00">外向、开朗</td>
  </tr>
</table>
<!-- <table> 标签定义 HTML 表格 -->
<!-- 一个 HTML 表格包括 <table> 元素,一个或多个 <tr>、<th> 以及 <td> 元素。 -->
<!-- <tr> 元素定义表格行,<th> 元素定义表头,<td> 元素定义表格单元。 -->
<p>
	<img src="image/img.jpg" alt="Smiley face" width="400" height="400">
	<!-- <img>插入自定义图像 -->
	<!-- <img> 标签定义 HTML 页面中的图像。 -->
<!-- <img> 标签有两个必需的属性:src 和 alt。 -->
	</p>
		</div>
	</body>
	
</html>

以下是运行截图

信息管理创新实践 第一周 周记 简单使用HBuilder X

上一篇:Selenium基础知识---弹窗处理


下一篇:hbuilder打包的应用上架appstore屏幕快照的生成方法