信息管理创新实践 第一周 周记
通过第一周的学习,初步了解到了如何进行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>