首页 / HTML / jsp——学习篇:HTML基础
jsp——学习篇:HTML基础
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jsp——学习篇:HTML基础,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3135字,纯文字阅读大概需要5分钟。
内容图文
对于学习jsp来开发专业的动态网站,那么我们就先掌握静态网站的制作技术!那么HTML就是我们所必须了解的知识!因为最终的网站还是需要去给用户呈现它是是为“网页创建和其它可在浏览器中看到的信息”设计的一种语言!最新版本应该是HTML5,应该还处于完善阶段!这些历史性的就不说啦,我们只需要知道HTML——超级文本标记语言(全称HyperText Markup Language)!
那么下面我们就介绍一下HTML页面基本结构,就是一些主要由<tag>语言[</tag>]标示及一些文本内容组成的。这些标示也称为标签是用来分割和标记文本的元素,来形成文本布局、文字格式不同的各式各样的页面!
HTML基本结构:
<html>
<head>
...
</head>
<body>
...
</body>
</html>
这个就是html基本结构!如果大家需要只是编写HTML语言,记事本程序就可以!也可以使用类似EmEditor的软件来编写比较方便!基本结构熟悉之后,接下来就是一些标签的用法以及标签属性,大家把常用的一些知道最好自己编写一个页面什么!对了,提醒一下,大家可别以为标签一直是对称的有开始有结束,这是不一定的,这种对称的叫做双标签,还有一种是单标签,比如换行标签<br>、分隔线<hr>等,具体的得大家查一查呢!
下面是一个基本的注册页面的html源码以及效果图:
< html > < head > < title >register</title></head><body align = "center" bgcolor = "pink"><h1 align = "Center"><font color = "purple"><b>用户注册界面</b></h1><hr size = "2" color = "green"><center><table align = “center” width = "500" bgdcolor = "black"><tr align = “left”><td >用户名</td><td><input name = "Username" type = "Text"/></td></tr><tr align = “center”><td align = “left”>密码</td><td><input name = "psd" type = "password"/></td></tr><tr align = “center”><td align = “left”>确认密码</td><td><input name = "REpsd" type = "password"/></td></tr><tr align = “center”><td align = “left”>用户类型</td><td><select><option value = "UserType">普通用户</option><option value = "UserType">超级用户</option><!--option value = "wahaha">wahaha</option--></select></td></tr><tr align = “center”><td align = “left”>性别</td><td><input name = "sex" type = "radio"/>男 <input name = "sex" type = "radio"/>女</td></tr><tr align = “center”><td align = “left”>兴趣爱好</td><td><input name = "hobby" type = "checkbox"/>篮球 <input name = "hobby" type = "checkbox"/>足球 <input name = "hobby" type = "checkbox"/>网球</td></tr><tr align = “center”><td align = “left”>电子邮件</td><td rospand = "2"><input name = "email" type = "text"/><select><option value = "UserType">@qq.com</option><option value = "UserType">@163.com</option><option value = "UserType">@126.com</option></select></td></tr><tr align = “center”><td align = “left”><strong>自我介绍</strong></td><td><textarea rows = "8" cols = "33" name = "introduction"></textarea></td></tr></table><p vehight = "bottom" align = "center"><font color = "Green" size = "1"> copyright @2015-2016 all rights reserved<a href = http://www.baidu.com><!--img src = "../baidu,png"--></a></p></body></html>
我这个审美观不是很好!具体的颜色搭配与布局,大家掌握后可以自己试试作出又没的界面!这样HTML基础的说明就到这里了,大家有问题可以评论,我们一起讨论!这个具体还是自己动手写一遍比较有感觉!对于后续的HTML5又增加了一些表单项大家自己去了解哈!
原文:http://www.cnblogs.com/lijiangjiang/p/4572997.html
内容总结
以上是互联网集市为您收集整理的jsp——学习篇:HTML基础全部内容,希望文章能够帮你解决jsp——学习篇:HTML基础所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。