小白菜的前端第一步

本文是前端学习过程总结,介绍了编程工具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>
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值