可视化-模块1-HTML-02

1-新建一个HTML文档，命名为：week1-1

2-<h1>（标题）

html 复制代码

<body>

<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>

</body>

3-<p>（段落）

html 复制代码

<p>大数据可视化技术及应用课程</p>
<p>23大数据技术班</p>

4-<a>（链接）

html 复制代码

<a href="https://www.dcloud.io/hbuilderx.html">HBuilderX软件下载地址</a>

5-<img>（图片）

5-1-素材图片

5-2-图片位置在根目录下

html 复制代码

<img src="图片1.png"/>

5-3-图片位置在根目录的文件夹下（week-新建-目录-pic）

html 复制代码

<img src="pic/图片2.png"/>

5-4-图片位置电脑本地文件夹下

5-4-1-查看文件位置

html 复制代码

错误写法
<img src="C:\Users\15832\Desktop\图片2.png"/>

原因
浏览器不能直接用 C:/... 访问本地文件，要么用相对路径，要么用网络地址。

5-4-图片长宽属性

html 复制代码

<img src="pic/图片2.png" width="300" height="300"/>

6-<br>（换行）

html 复制代码

<br>

任务

html 复制代码

任务1-本节课安装的软件名称是什么
 
任务2-软件的安装地址是什么
 
任务3-简述软件的安装步骤
 
任务4-简述创建一个HTML项目的步骤
 
任务5-完成以下实操任务：在index.html的网页中输入自己的姓名，学号并通过预览功能展示出效果（截图展示）
 
任务6-完成以下实操任务：使用HTML的注释对index网页中的所有标签进行解释说明（上传编辑好的代码）
 
任务7-完成以下实操任务：查看淘宝网的head元素内容（截图展示）

使用<h>、<br>、<p>、<a>、<img>标签将word版的任务书以及答案制作成HTML文件格式的笔记