前言

随着有关信息管理创新实践这门课的学习，我开始了一个全新领域的探索——如何制作设计自己的网页，这是我第一周的周记

下面是我的一些记录与心得

一、选择编程软件

这次的编程软件我选择的是HBuilder X 3.1.2,这款软件可以非常方便的帮助我们完成HTML的开发。

二、写出自己的第一个网页

我的主页由标题、背景和链接按钮制成。

1.标题的制作

我先来介绍一下如何使用代码做出标题，代码如下：

<h1>这里是主页</h1>

但此时制作出来的主页是靠左边的，所以我们为了更好的视觉效果，就可以试着将标题居中，代码如下：

     <h1 style="text-align: center;">这里是主页</h1>

2.写第一个段落

段落的话，前面就是p,同样我们可以让它居中，代码如下（示例）：

<p style="text-align: center;">我的个人信息</p>

3.改变文本的字体及其大小

我们可以用style来进行编辑

<style>p{font-size: 1.5rem;}p{font-color: "red";}p{font-family: "楷体";}
</style>

这里面的font就是用来规定文本的字体，颜色和尺寸的。

4.引入一个链接并对其进行美化

引入链接分两种，第一种就是导入一个网页的链接

<a href="https://www.baidu.com/">访问百度主页</a>

这个时候是直接在当前页面跳转，如果我们想要新建一个页面跳转就可以在后面加上target="_blank"。

<a href="https://www.baidu.com/"target="_blank">访问百度主页</a>

第二种就是导入我们自己在XBuilder里面建造的网页，按照如下步骤新建一个HTML文件

然后在原来的界面输入代码如下：

<a href="这里到时候会弹出来选项，选择你想跳转过去的HTML文件名就行">你的网页</a>

但是大家会发现一个小问题，那就是我们的链接下面会有一条小横线，不是很美观，我们可以尝试着将它去掉，运用到text-decoration，它的代码如下。

<a href="https://www.baidu.com/"target="_blank"style="text-decoration: none;" >访问百度主页</a>

4.插入一张图片

我们要在自己的网页插入一张图片，就需要新建一个目录，专门用来存放图片

然后把你选择好的图片给拖入进你电脑上相应的文件夹中，再回到你的界面输入如下代码，这里要用到img标签：

<img src="这里会弹出来，你可以选择自己放入进去的图片" width="200px"（在这里设置图片的大小）>

总结

OK,这里就是我第一周的学习记录，如果你想和我一起学习的话，欢迎关注我，如果你有什么问题，也可以留言告诉我，我们下周见，Bye~

关于HTML学习的第一周周记相关推荐

信息管理实践第一周周记
第一周周记知识点网页展示代码第一周主要学习了HTML基础,并且简单学习了HBuilder X完成了介绍自己的主页. 知识点 HTML 标题是通过< h1 >-< h6 > ...
python学习日记(第一周）
python学习日记(第一周) 前言: 无论出于什么目的,学个程序语言吧.之前学过一点点基础语法,然后就搁置了两年,日记仅作为个人记录,有问题还望不吝赐教其实这玩意儿应该每次学一部分记录一部分的,好 ...
Python学习的第一周
Python学习的第一周一.初识Python Python的应用领域目前Python在Web服务器应用开发.云基础设施开发.网络数据采集(爬虫).数据分析.量化交易.机器学习.深度学习.自动化测试 ...
OUC暑期培训（深度学习）——第一周学习记录：深度学习和pytorch基础
第一周学习:深度学习和pytorch基础目录第一周学习:深度学习和pytorch基础 Part 1:视频学习: 1. 绪论: 2. 深度学习概述: Part 2:代码练习: 1. pytorch基 ...
Web前端学习总结第一周
目录前言一.HTML和CSS概述 1.W3C 2.HTML 3.CSS CSS的作用二.HTML术语 1.HTML注释 2.HTML元素 ⑴元素的组成部分 ⑵属性 3.层次关系 ⑴嵌套 ⑵若A直 ...
软帝Java培训班第一周周记
关于本周学习内容与心得体会本人是一大四即将毕业的学生,正值人生迷茫之际不知何去何从.就在此时,我们学院恰巧迎来了软帝公司的学员招新,我也机缘巧合来到了软帝当起了学员. 软帝的老师不会区别对待任何来学 ...
软件工程概论学习进度表第一周
王铭宇第一周所花时间 10小时左右代码量(行) 300 博客量(篇) 2篇了解到的知识点了解到了如何设计网页,如何跳转调用. 转载于:https://www.cnblogs.com/wmy- ...
Python学习心得第一周-01
一编程与编程语言 python是一门编程语言,作为学习python的开始,需要事先搞明白:编程的目的是什么?什么是编程语言?什么是编程? 编程的目的: #计算机的发明,是为了用机器取代/解放人力,而 ...
WDK学习笔记第一周
文章目录摘要一.对PM2.5预测的论文的总结 1.1 背景 1.2 PM2.5 1.3 综述 1.4 对桂林空气质量文章的总结 1.4.1 空气质量变化 1.4.2 污染物扩散的影响因素二.LS ...
2022李宏毅机器学习深度学习学习笔记--第一周
文章目录摘要机器学习的基本概念机器学习不同的函式类别 gradient descent 深度学习(Deep learning) Case study 摘要本文主要介绍什么是机器学习,机器学习 ...

关于HTML学习的第一周周记