HTML篇:最简单的接触开发,基础HTML开发!

 哈哈,这是第一次发表原创!初次创作,只想说一句,Hello world!作者QQ:183 027 8686

本人会Java的多个框架,并熟练运用到项目中。
SSH:(Spring、struts2、hibernate)
SSM:((Spring、SpringMVC、myBatis)

由于是初次发表自己对编程的见解,回忆一下当初学HTML的基础。首先,先编写一些适合小白学习的代码。
这里所指定的基础HTML开发,无需任何第三方资源或者依赖支持。只需要一部电脑,因为普通的计算机已经自带HTML所需的环境。

用记事本敲代码是一种很nice的体验。

基础HTML开发所需工具:
1.后缀为.txt的文本文档
2.浏览器(IE、Microsoft、Google…)


<! DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>洪君</title>
</head>
<body style="background: bisque;">
<div style="padding: 20px;">
Hello world!
</div>
</body>
</html>

Hello world!
可以说,这是程序员的一个情结!

将以上代码复制到一个新建的.txt文本文档中,后缀改为.html,双击即可运行。

<html>
<head>
    <meta charset="UTF-8">
    <title>洪君</title>
    <style type="text/css">
    #padd{
        color: red;
    }
</style>
</head>
<body style="background: bisque;">
<div id="padd">
Hello world!
</div>
</body>

</html>




运行后,
Hello world!变成了红色。

这是一个小白的必经之路!

< title></ title>:标签是头部标题

< body></ body>:界面,组件容器。


<html>
<head>
    <meta charset="UTF-8">
    <title>洪君</title>
    <script type="text/javascript">

    alert('Hello world!');
</script>
</head>
<body style="background: white;">

</body>
</html>



JavaScript的简单运用,运行后,弹出一个提示框,内容为hello world!

<html>
<head>
<title>百度</title>
<script type="text/javascript">
 window.location.href='https://www.baidu.com/';
</script>
</head>
<body>
</body>
</html>

运行以上代码,双击后,自动进入百度页面,当然是有网的情况下。

以后会发布更好的作品!

html是静态网页,Java的jsp是动态网页。

猜你喜欢

转载自blog.csdn.net/qq_43532342/article/details/83448067