如何使用记事本制作一个属于自己的网页

一、学习目标

掌握web前端开发工具的使用方法;理解<body>、<head>等HTML标记类型和语法;掌握HTML文档结构,学会编写简单的HTML程序。

二、实验环境

记事本或VScode,Win11

三、学习内容

编写一个HTML页面,通过该页面进行个人介绍,介绍内容至少(但不限于)包括:姓名、学号、年龄、性别、爱好、个人照片(可使用其他照片替代),要求页面美观,样式自定。

四、代码

<title>标签用于在Web页面中定义页面的标题。浏览器通常会将标题显示在浏览器的标签页中。除此之外,搜索引擎也会使用页面的标题来确定页面的内容,并将其用于搜索结果中的显示。因此,页面标题非常重要,应该精心设计以反映页面的主题和内容。 例如:

<title>欢迎来到我的网站</title>

<style> 是在 HTML 中用来定义样式的标签,它可以让开发者轻松地修改 HTML 元素的样式,包括文字颜色、字体大小、背景颜色、边框样式等等。使用 <style> 标签,可以将样式定义写入 HTML 文件中的 <head> 标签内,也可以单独写在一个 CSS 文件中,然后通过在 HTML 的 <head> 标签中添加 <link> 标签来引入。

<body> 是 HTML 中的一个标签,用于表示页面的主体部分,包括页面上显示的所有内容,如文本、图像、链接、表格等等。通常情况下,<body> 标签会被放置在 <html> 标签内部,可以用来设置页面的背景色、文本颜色、字体类型、大小和间距等样式。

在 <body> 标签中,可以使用许多其他的 HTML 标签,如 <h1> - <h6> 标签用于设置标题的大小和样式,<p> 标签用于创建段落,<img> 标签用于插入图片等等。此外,还可以使用 CSS 样式来进一步设置页面的样式和布局。

五、操作步骤

1、新建一个记事本

2、打开记事本并将代码复制进去



3、修改文件名称


4、双击打开test1.html


举报
评论 0