JavaWeb:HTML

<html><head></head><title>这是我的第一个网页</title><meta charaset="UTF-8"><body><!--HELLO WORLD!<br/>你好！HTML!<p>这里是第一个段落</p><p>这里是第二个段落</p><img src = "D:\JavaWeb\day01\imgs\girl.jpg"/ width="57" height="73" alt="这里是一张图片"/><h1>标题一</h1><h2>标题二</h2><h3>标题三</h3><h4>标题四</h4><h5>标题五</h5><h6>标题六</h6>-->武林高手排行榜：<ol type="I" start="3"><li>扫地僧</li><li>萧远山</li><li>慕容博</li><li>虚竹</li><li>阿紫</li></ol>武林大会人员名单:<ul type="circle"><li>乔峰</li><li>阿朱</li><li>马夫人</li><li>白世镜</li></ul>你是<b><i><u>喜欢</u></i></b>吃<b>甜</b>月饼还是<i>咸</i><u>月饼<u>？<br/>水分子的化学式：H<sub>2</sub>O <br/>氧气的化学式：<sup>O</sup>2 <br/>5&lt;1010&gt;55&le;1010&ge;5注册商标&reg;版权符号&copy; <br/><span>赵又廷</span>，夺妻之仇。<br/><a href="http://www.baidu.com" target="_blank">百度一下</a></body>
</html>

1)html语言是解释型语言，不是编译型浏览器是容错的

2)html页面中由一对标签组成：<html></html> <html> 称之为开始标签 </html>称之为结束标签

3)title 表示网页的标题 4)可以在meta标签中设置编码方式

5)<br/>表示换行。br标签是一个单标签。单标签：开始标签和结束标签是同一个，斜杠放在单词后面

6)p 表示段落标签

7)img 标签图片标签 src属性表示图片文件的路径 width和height表示图片的大小 alt表示图片的提示

8)路径的问题： 1. 相对路径 2. 绝对路径 9)h1~h6 : 标题标签

10)列表标签:
- ol 有序列表 start 表示从*开始，type 显示的类型：A a I i 1(deafult)
- ul 无序列表 type disc(default) , circle , square

11) u 下划线 b 粗体 i 斜体 12) 上标 sup 下标 sub

13) HTML中的实体：小于号 < 大于等于号 ≥ 版权 ©

14) span 不换行的块标记

15) a 表示超链接 href 链接的地址
target: _self 在本窗口打开 _blank 在一个新窗口打开
_parent 在父窗口打开 _top 在顶层窗口打开

16) div 层

<html><head></head><title>表格标签的学习</title><meta charaset="UTF-8"><body><table border="1" width="600" cellspacing="0" cellpadding="4"><tr align="center"><th>姓名</th><th>门派</th><th>成名绝技</th><th>内功值</th></tr><tr align="center"><td>乔峰</td><td>丐帮</td><td>少林长拳</td><td>5000</td></tr><tr align="center"><td>虚竹</td><td>灵鹫宫</td><td>北冥神功</td><td>15000</td></tr><tr align="center"><td>扫地僧</td><td>少林寺</td><td>七十二绝技</td><td>未知</td></tr></table><hr/><table border="1" cellspacing="0" cellpading="4" width="600"><tr><th>名称</th><th>单价</th><th>数量</th><th>小计</th><th>操作</th></tr><tr align="center"><td>苹果</td><td rowspan="2">5</td><td>20</td><td>100</td><td><img src="imgs\girl.jpg" width="24" height"24"/></td></tr><tr align="center"><td>菠萝</td><td>15</td><td>45</td><td><img src="imgs\girl.jpg" width="24" height"24"/></td></tr><tr align="center"><td>西瓜</td><td>6</td><td>6</td><td>36</td><td><img src="imgs\girl.jpg" width="24" height"24"/></td></tr><tr align="center"><td>总计</td><td colspan="4">181</td></tr></table></body>
</html>

17) 表格 table 行 tr 列 td 表头列 th

table中有如下属性（虽然已经淘汰，但是最好了解一下）
- border：表格边框的粗细 - width:表格的宽度
- cellspacing：单元格间距 - cellpadding：单元格填充

tr中有一个属性： align -> center , left , right rowspan : 行合并 colspan : 列合并

<html><head></head><title>表单标签的学习</title><meta charaset="UTF-8"><body><form action="demo04.html" method="post">昵称：<input type="text" name="nickName" value="请输入你的昵称"/><br/>密码：<input type="password" name="pwd"/><br/>性别：<input type="radio" name="gender" value="male"/>男<input type="radio" name="gender" value="female" checked/>女<br/>爱好：<input type="checkbox" name="hobby" value="basketball"/>篮球<input type="checkbox" name="hobby" value="football" checked/>足球<input type="checkbox" name="hobby" value="earth" checked/>地球<br/>星座：<select name="star"><option value="1">白羊座</option><option value="2" selected>金牛座</option><option value="3">双子座</option><option value="4">天蝎座</option><option value="5">天秤座</option></select><br/>备注：<textarea name="remark" rows="4" cols="50"></textarea><br/><input type="submit" value="注 册"/><input type="reset" value="重 置"/><input type="button" value="这是一个普通按钮"/></form></body>
</html>

<html><head></head><title>表单标签的学习</title><meta charaset="UTF-8"><body><h1><font color='red'>注册成功</font></h1></body>
</html>

18) 表单 form

19) input type="text" 表示文本框，其中 name属性必须要指定，否则这个文本框的数据将来是不会发送给服务器的
   input type="password" 表示密码框
   input type="radio" 表示单选按钮。需要注意的是，name属性值保持一致，这样才会有互斥的效果;可以通过checked属性设置默认选中的项
   input type="checkbox" 表示复选框。name属性值建议保持一致，这样将来我们服务器端获取值的时候获取的是一个数组
   select 表示下拉列表。每一个选项是option，其中value属性是发送给服务器的值 , selected表示默认选中的项
   textarea 表示多行文本框（或者称之为文本域）,它的value值就是开始结束标签之间的内容
   input type="submit" 表示提交按钮
   input type="reset" 表示重置按钮
   input type="button" 表示普通按钮

<html><head></head><frameset rows="20%,*"><!-- frameborder="no" --><frame src="frames/top.html"/><frameset cols="15%,*"><frame src="frames/left.html"/><frameset rows="80%,*"><frame src="frames/main.html">/<frame src="frames/bottom.html"/></frameset></frameset></frameset>
</html>

frameset 表示页面框架，这个标签已经淘汰，了解，不需要掌握
frame表示框架中的具体页面引用

<html><head><meta charaset="UTF-8"></head><body>这里是demo06页面的内容！！<iframe src="frames/top.html"/></body>
</html>

iframe 在一个页面嵌入一个子页面

总结：
1.HTML是解释型的文本标记语言，不区分大小写
2.html,head,title,meta,body,br,p,hr,div,table,form,u,i,b,sup,sub, ,span,ul,ol,li,tr,td,th,h1-h6,a,input,select,textarea,img
2-1. html , head , title , meta , body , br , ul , ol , h1-h6 , a , img ,  , p , div , span
2-2. table tr , th , td
2-3. form(action='' , method='post') input type='text,pasword,radio,checkbox,submit,button,reset" <select> , <textarea>

JavaWeb:HTML相关推荐

javaWeb——Servlet
Servlet 系统架构 B/S结构的系统通信原理(没有涉及到Java小程序) 关于WEB服务器软件实现一个最基本的web应用(这个web应用中没有java小程序) 对于一个动态的web应用来说,一 ...
JavaWeb笔记01
文章目录 JavaWeb(狂神说Java) 1.基本概念 1.1前言 1.2web应用程序 1.3静态web 1.4 动态web 2.web服务器 2.1技术讲解 2.2web服务器 3.Tomcat ...
使用maven搭建ssm框架的javaweb项目
目前主流的javaweb项目,常会用到ssm(Spring+Spring MVC+Mybatis)框架来搭建项目的主体框架,本篇介绍搭建SSM框架的maven项目的实施流程.记之共享! 一.SSM框架 ...
javaweb学习总结(二十三)——jsp自定义标签开发入门
一.自定义标签的作用自定义标签主要用于移除Jsp页面中的java代码. 二.自定义标签开发和使用 2.1.自定义标签开发步骤 1.编写一个实现Tag接口的Java类(标签处理器类) 1 packag ...
javaWeb -- HTTP协议
笔记摘要: 作为web开发的前奏,这里介绍了什么是HTTP协议,HTTP请求与HTTP响应信息的介绍一.什么是HTTP协议客户端连上web服务器后,若想获得web服务器中的某个web资源,需遵守一 ...
Java项目:个人博客系统(java+SSM+Mysql+Servlet+JavaWeb)
源码获取:博客首页 "资源" 里下载! 一.项目简述项目内容包括:首页,登陆,新建文章,搜索,登陆日志,登录次数,评论统计,相关信息,文章列表等其他相关功能另外:系统采用MVC ...
在linux下部署安装Tomact并运行javaWeb工程
1.下载并安装xftp5 2.上传Tomact服务器 3.安装Tomact服务器 3.1解压Tomact服务器压缩包解压到当前目录下 3.2配置环境变量 tomcat服务器运行时是需要JDK支持的, ...
超详细的Java面试题总结（四）之JavaWeb基础知识总结
系列文章请查看: 超详细的Java面试题总结(一)之Java基础知识篇超详细的Java面试题总结(二)之Java基础知识篇超详细的Java面试题总结(三)之Java集合篇常见问题超详细的Java ...
JavaWeb学习笔记——DOM4J
下载的地址为:http://www.dom4j.org/dom4j-1.6.1/ import java.io.File; import java.io.FileOutputStream; impor ...
JavaWeb学习笔记（十）--HttpServletRequest
1. HttpServletRequest简介 HttpServletRequest对象代表客户端的请求,当客户端通过HTTP协议访问服务器时,HTTP请求头中的所有信息都封装在这个对象中 2. Ht ...

JavaWeb:HTML

JavaWeb:HTML相关推荐

最新文章

热门文章