昨天刚刚开始接触web,今天来简单的讲一下自己对web入门基础的理解。我们现在来说一下html,html是web现在比较流行的语言。
首先我们要新建一个html的文件,可以用记事本新建然后把后缀名改为.html,我这里是在Java里建立了一个html文件。把文件建立好之后我们就可以开始写代码啦!
html是以<html>开头,并且以</html>结束的,中间就是我们要写的内容。我们通过观察还可以知道每个标签都是以相同的格式来完成的。在定义标签的时候还可以定义标签大小,是否居中等性质。我们来看下面一个例子
<html>
<head>
<title>登陆界面</title>
</head>
<h1 align=center>欢迎来到登陆界面</h1>
<body >
<div align=center>
<form action="">
<label for=pass>用户名:</label>
<input type="text" name="password" id="pass"/>
<br/>
<label for=pass1>密码:</label>
<input type="password" name="pass" id="pass1"/>
<br/>
<input type="submit" value="登陆" />
</form>
</div>
</body>
</html>
这个例子中写了一个登录的界面,包括按钮、输入框、文字等标签。关于html的标签http://www.w3school.com.cn/tags/index.asp有兴趣的读者可以看一下这个链接,里面有各种标签的使用方法。
把文件写好之后我们点击右键,选择open witch下的web browser就可以看到我们写的网页的样子了。
我们可以看到了自己写的网页,那么我们如何把我们的网页放到网络上呢?这个很简单。
1、下载一个tomcat把html文件复制到tomcat下webapps文件夹里的一个新建文件夹里。
2、在bin目录下双击starup.bat
3、打开浏览器输入 http://127.0.0.1:8080/文件夹名/文件全名就可以啦。
分享到:
相关推荐
Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...
HTML5作为下一代网站开发技术,无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者,都值得去研究。此教程为新手提供学习指导,有兴趣的可以了解一下。
前端网页Web开发基础Html入门CSS样式JS学习14小时视频教程含资料 包含代码+书籍+课件 本部分24-42集 1-42集课程,css+html+js 这个14小时的视频教程旨在帮助初学者掌握前端网页开发的基础知识。通过深入浅出的...
前端网页Web开发基础Html入门CSS样式JS学习14小时视频教程含资料 包含代码+书籍+课件 本部分1-23集+课件+代码+书籍 1-42集课程,css+html+js 这个14小时的视频教程旨在帮助初学者掌握前端网页开发的基础知识。...
HTML XHTML CSS 案例 代码web编程入门经典 源代码
包含CSS HTML Javascript等入门教程,适于初学者。
本书介绍如何利用HTML,XHTML控制web页面的结构,如何利用css赋予web页面样式,如何利用JavaScript添加交互性。非常适合web开发初学者作为入门的学习资料。
html基础入门,了解html的基础入门知识,初学者可以看看
使用javascript 写的贪吃蛇小游戏,是自己一行行代码敲出来的,带有注释,简单易懂,适合初学者入门。能快速让你对web前端用javascript制作小游戏有个基础的了解。
使用javascript 写的打砖块小游戏,是自己一行行代码敲出来的,带有注释,简单易懂,适合初学者入门。能快速让你对web前端用javascript制作小游戏有个基础的了解。
使用javascript 和 canvas 写的五彩连珠小游戏,是自己一行行代码敲出来的,带有注释,简单易懂,适合初学者入门。能快速让你对web前端用canvas制作小游戏有个基础的了解,熟悉canvas常用的一些api使用方式。
html的入门级讲义,适合初学者学习的web基础知识,上手快。
html 入门资料,包括详细介绍和大量例子,适用于初学者。
共包含五个章节的pdf文件,适合初学者学习javaweb基础知识,五个章节的内容分别是:(1)背景知识简介(2)java开发环境及开发工具(3)html相关基础知识(4)JSP技术基础知识(5)servlet技术基础知识
本项目是基于java语言的WEB入门项目,不涉及到框架知识,该项目完全基于JSP+Servlet+HTML的新手热身小项目,希望该项目能够为初学者、想要对javaweb有研究的同学和同事带去帮助,另外,该项目还可以作为毕业设计使用...
《Delphi Web前端开发教程——基于TMS WEB Core框架》PDF本教程适合对使用Delphi TMS WEB Core 创建 Web 应用程序感兴趣的初学者和高级开发人员。学习本教程只需要免费的 Delphi 社区版以及 TMS WEB Core 的试用版就...
本书介绍如何利用HTML,XHTML控制web页面的结构,如何利用css赋予web页面样式,如何利用JavaScript添加交互性。非常适合web开发初学者作为入门的学习资料。
一个纯静态HTML+CSS单页面练习,牵扯布局、浮动练习。
Web技术的发展速度太快了,如果你不与时俱进,就会被淘汰。因此,为了应对即将到来的HTML 5,本文总结了11个HTML 5的初级技巧,希望能对你进一步学习好HTML 5会有所帮助。 1. 新的Doctype声明 XHTML的声明太长了,我...
《html5从入门到精通(第2版)》共分23章,包括HTML基础、HTML文件基本标记、设计网页文本内容、使用列表、使用超链接、使用图像、表格的应用、层——div标签、编辑表单、多媒体页面、HTML5的新特性、HTML5与HTML4的...