您的位置：首页 > 编程语言 > Java开发

java web笔记----html复习

2017-03-07 19:32 295 查看

---------------------------20170307---------------------------

因为未来对自己的职业规划是java方向，所以java基础掌握差不多后进入到java ee 阶段，

开始复习下以前学的html和javascript。以前的java和windows驱动笔记修改后慢慢上传到我的博客。

Java EE：

   架构主要由容器，组件，服务组成。MVC为核心设计思路。

   Java EE容器：Applet Container,Application Client Container,Web Container,EJB Container.

   在标准的MVC设计模式中，用户一旦发出请求后会将所有请求交给控制层处理，然后由控制层调用模型层的

   模型组件，并通过这些组件进行持久层的访问，再将所有结果保存在JavaBean中，最终由JSP和JavaBean一

   起完成页面显示。（MVC是基础，是核心。）

   Apache提供了一套用于进行MVC开发的框架Structs.Structs是对JSP和Servlet的一种变相应用，核心仍然是

   MVC。

首先呢，开始HTML，依照着资料书和以前的课本。

<HTML>

   1、html是什么

       Html是用来描述网页的一种语言。

           (1)HTML 指的是超文本标记语言 (Hyper Text Markup Language)

           (2)HTML 不是一种编程语言，而是一种标记语言(markup language,标记语言是一套标记标签(markup tag));

           (3)HTML 使用标记标签来描述网页



       超文本标记语言

           语言：

               人与计算机交互的工具

           超文本：

               (1)普通文本不能实现的，超文本可以实现，能实现普通文本不能实现的功能

               (2)包括超链接的文本

           标记：

               就是标签，不同的标签能实现不同的功能



   2、html能做什么

       html通过标签的形式将信息展示给用户

   3、书写规范

       <html>

           <head>

               <title>我是标题</title>

           </head>



           <body>

               bublabulabula

           </body>

       </html>

       以上是最简单的html程序，也算是html的大致框架了。

       ·以上的标签，在一个文件中只能出现一次。

       ·所有的显示标记都必须写在body中。

       ·所有标记必须完结。

       ·标签内部属性必须用""括起来



   4、标签

       a.文件标签(结构标签)

           <html></html>：根标签

           <title></title>：页面标题

           <body></body>：内容

       b.文字标签

           <font color = "" size = "" face = "">字体</font>

           <h1></h1> -> <h6></h6> 随着数字增大逐渐变小，默认占据一行

       c.图型标签

           <img src = "/images/1.png" width = "200" height = "200" border = "1" align ="center" alt = "this is a image" />

       d.链接标签

           <a href = "#c1" name = "c0" target = "_self"></a>

           <a href = "#" name = "c1" target = "_self"></a>

           以上的标记说明当前链接名为c0，并且目标锚点或者链接网址是#c1，并在当前页载入.

       e.Meta标签

           作为子标签出现在head标签中，可为html提供额外信息。

           <meta http-equiv = "refresh" content = "5;url = HelloHtml.html">

           表示5秒后跳转到HelloHtml.html界面

           name 和 content :用于描述网页，它以名称/值的形式，其名称通过name属性表示。

                   值通过content表示。

           http-equiv和content: http-equiv用于提供HTTP协议的响应报文头，它是以名称/值的形式

                   表示的，其值为所要描述的内容，而内容的值则通过content属性表示。

                   （具体对应值和解释太多了，自己谷歌吧）

       f.表格标签

           <caption>表示表格的标题</caption>

           <table border = "1" width = "300" align = "right" bgcolor = "blue">

               <tr>代表行

                   <td colspan = "0" rowspan = "0">代表单元格</td>

                   <th>相等于td，只是样式加粗居中</th>

               </tr>

           </table>

       g.表单标签

           <form action = "写入的是提交对象界面路径" method = "get/post" name = "表单名称">

           </form>



           在这儿加上以下的重点：

           get和post的区别（重点）：

               (1)get提交将数据加在地址栏的后面，格式?name=value&name=value；

                   post提交将数据封装在请求体中

                       格式?username=zhangsan&password=123&sex=male&hobby=football&hobby=paiqiu&city=bj#

               (2)get提交相对不安全；post提交相对安全

               (3)get提交有大小限制，根据浏览器不同而不同；post不限制大小

       h.input标签

           <input type = "" value = " " name =""/>

           在这里呢，type分为：

               text,password,button,submit,reset,checkbox,radio,image(图片按钮),hidden(隐藏表单，不需要用户看到的数据),

               file.具体应用看文档。

           name 代表的是该控件的名字。

           value 是该控件的值。



       i.textArea标签

           <textarea size = "16" maxlength = "10" cols = "5" rows = "5"></textarea>

           这儿表示的是一个多行文本域

       j.select标签

           <select name = "表单项名字">

               <option value = "业务部" selcted>业务部</option>

               <option value = "人事部">人事部</option>

           </select>

       k.frameset标签

           <frameset cols = "50%,50%" rows = "">

               <frame name = "A" src = "1.html"/>

               <frame name = "B" src = "2.html"/>

           </frameset>

       l.iframe标签

           <iframe src = "www.baidu.com" align = "right" width = "500" height = "600">

               内联框架

           </iframe>

       m.其它标签：

           导入css：

           <link rel="stylesheet" type="text/css" href="./styles.css">

               href：引入css文件的地址

           导入javascript:

           <script type="text/javascript" src=""></script>

               src：js的文件地址


最后呢，推荐几个工具DreamWeaver,EditPlus,NotePad++.

   几个常用的标记:

       注释：   

       空格：

       换行： <br/>

       段落： <p></p> 段与段之间有空行

       水平线：<hr width = "10" size = "5" color = "blue" align = "right"/>

       块标签：<div></div>行级块标签

           <span></span>行内块标签

       清单标签：

           无序列表<ul></ul>

               列表项<li type = "cricle"></li>

           有序列表<ol></ol>

               列表项<li type = "a"></li>

           定义列表<dl><dt></dt></dl>

       大于号： >

       小于号： <

       版权符号：©

       注册符号：®

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航