小白菜的前端第一步

前端学习过程总结

本文介绍安装以及入门

  • 编程工具—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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值