小白菜的前端第一步_小白菜刷步-优快云博客

本文链接：https://blog.youkuaiyun.com/mjhap/article/details/82152671

本文是前端学习过程总结，介绍了编程工具IntelliJ IDEA的安装、新建文件的操作，包括在工程中创建HTML文件的步骤，还提及了HTML5的文件框架，帮助初学者快速入门前端开发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端学习过程总结

本文介绍安装以及入门

编程工具—IntelliJ idea 安装
新建文件和HTML5基础

IntelliJ IDEA:

下载地址：[Mac版本为例]

安装简单，没有有些软件这么复杂的过程，略过。

新建文件

顺序：

File
new
project
static Web
添加project name 和 project location
finish

工程中建html文件

new
HTML File

文件框架

HTML5 例如：

<!DOCTYPE html>    <!--版本-->
<html lang="en">   <!--en:英语，zh:汉字-->
<head>
    <meta charset="UTF-8">
    <title>HTML 基础</title>  <!--网页名字-->
</head>
<body bgcolor="#faebd7">     <!--网页背景颜色-->
上海大学
hello
<h1 align="right">标题h1</h1> <!--align 对齐方式，右对齐-->
<h2>标题h2</h2>               <!--标题h2比标题h1小-->
<h3>标题h3</h3>
<h4>标题h4</h4>
<h5>标题h5</h5>
<h6>标题h6</h6>

     <p>上海大学 hello</p>    <!--这个标签，是一个段落-->
     hello<br/>              <!--换行-->


<a href="http://www.jikexueyuan.com">极客学院</a>   <!--链接-->
hello 上海大学<br/>
hello 计算机学院

<a href="hrefht.html" target="_self">打开本地</a>   <!--target:原网页打开-->

   <img src="images/2.jpg">                  <!--打开图片-->
</body>
</html>