小白菜的前端第一步

前端学习过程总结

本文介绍安装以及入门

  • 编程工具—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>

猜你喜欢

转载自blog.csdn.net/mjhap/article/details/82152671