前端学习过程总结
本文介绍安装以及入门
- 编程工具—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>