关于WEB

采用B/S计算模式开发的应用程序我们一般称为Web应用程序。

WEB三大层面：

网页的结构部分：结构的定义使用HTML语言（超文本标记语言Hyper Text Mark Up Language）。

网页的表现部分：编写文档表现形式的语言是CSS语言（层叠样式表Casading Style Sheet）。

网页的行为部分：标准的脚本语言JS(Java Script)。

访问网页上所有对象：DOM（文档对象模型Document Object Model）。
（均由W3C定义）

HTTP协议（超文本传输协议）：实现Web浏览器和Web服务器之间的通讯。

网页的分类：静态网页、客户端动态网页、服务端动态网页。

这段时间打算把web的相关知识都梳理一下，那么我们就从HTML这个老朋友开始吧，HTML 很容易学习相信你会喜欢它的！

<html>

<body>

    <h1>My First Heading</h1>

    <p>My first paragraph.</p>

</body>

</html>

什么是 HTML？

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

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言，而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词，比如 <html>
  • HTML 标签通常是成对出现的，比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签，第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签

HTML 文档 = 网页

  • HTML 文档描述网页
  • HTML 文档包含 HTML 标签和纯文本
  • HTML 文档也被称为网页（Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容。）
  • <html> 与 </html> 之间的文本描述网页
  • <body> 与 </body> 之间的文本是可见的页面内容
  • 添加XHTML文档正文　
定义正文的标题

　　<h1>Heading </h1>

　　<h2>Heading </h2>

　　<h3>Heading </h3>…

定义一个段落

　　<p>Paragraph</p>


定义应用文本

　　<blockquote>block quote</blockquote>



定义列表

　　有序列表（Ordered List）

　　　　<ol>

　　　　　　<li>List<li>

　　　　<ol>

　　无序列表（Unordered List）

　　　　<ul>

　　　　　　<li>List<li>

　　　　<ul>

　　定义列表 (Defined List）定义列表（一般用于内容解释）

　　　　<dl>

　　　　　　<dt>List<dt>

　　　　　　<dd>List<dd>

　　　　<dl>



定义预编排文本（被包围在 pre 元素中的文本通常会保留空格和换行符）

　　<pre>pre</pre>

定义分区块文本

　　<div>

　　　　Division

　　</div>


版权符
&copy;
缩写说明
　　<abbr title="Hyper text Markup Language">HTML</abbr>

跨字符元素 　　
　　<span> </span> 

创建超链接

　　<a href=””></a>



显示图形

　　<img src=””/>



插入多媒体信息

　　添加Flash文件

　　　　<object data="flash文件路径" type="application/x-shockwave-flash" width="宽度" height="高度">

　　　　　　<param name="" value=""/>

　　　　</object>

　　添加视频文件

　　　　<object data="wmv文件路径" type="video/x-ms-wmv" width="宽度" height="高度">

　　　　　　<param name="" value=""/>

　　　　</object>



插入表格状数据

　　<table>

　　　　<th>标题</th>

　　　　<tr>行

　　　　　　<td>列</td>

　　　　</tr>

　　</table>

在网页中插入其他网页

　　<iframe src="URL" frameborder=""></iframe>
  • 2 XHTML元素分为块级元素和内嵌元素两种

块级元素（div、blockquote、列表、fieldset、from、h1-h6、hr、p、pre、table等）定义的文本是换行的，下一元素在浏览器下一行显示。

内嵌元素（span、a、img、label、所有表单输入元素、iframe、object等）定义的文本是不换行的，下一元素在该元素同一行的后续位置显示。

  • 3 XHTML表单

① 表单的各种类型

<form action="" method="get">

<input type="text" value=""/> 文本框

<input type="button" value=""/> 普通命令按钮

<input type="submit" value=""/>提交按钮

<input type="reset" value=""/>重置按钮

<input type="image" value=""/>图像按钮（可替换提交和重置）

<input type="checkbox"value=""/>复选框

<input type="radio" value=""/>单选框

<input type="password" value=""/>密码口令框

<input type="file" value=""/>文件上传控件

<input type="hidden" value=""/>隐藏字段

<textarea name="" id="" cols="" rows=""></textarea>多行文本框

下拉列表

<select name="" id="">

<option value=""></option>

<option value=""></option>

</select>

</form>

② 其它表单元素和属性

readonly属性：可以防止修改文本框的属性。

disabled属性可以使输入的控件不可用。

label元素：文本标签。

fieldset元素：用作表单元素的容器，在被包含的元素周围显示一个细边框的盒子。

legend元素：放在fieldset元素内部，在盒子上加一个标题。

③理论

HTML表单标记元素和属性分为两类：定义表单整体结构；创建输入对象。

在<from>标记中必须使用的两个关键属性action和method。其中action属性使用一个URL来指定表单处理程序的位置；method属性指定表单数据是如何创送到表单处理程序，method属性的值有两种get或post。

 

再谈HTML的更多相关文章

  1. [转载]再谈百度：KPI、无人机，以及一个必须给父母看的案例

    [转载]再谈百度:KPI.无人机,以及一个必须给父母看的案例 发表于 2016-03-15   |   0 Comments   |   阅读次数 33 原文: 再谈百度:KPI.无人机,以及一个必须 ...

  2. Support Vector Machine (3) : 再谈泛化误差（Generalization Error）

    目录 Support Vector Machine (1) : 简单SVM原理 Support Vector Machine (2) : Sequential Minimal Optimization ...

  3. Unity教程之再谈Unity中的优化技术

    这是从 Unity教程之再谈Unity中的优化技术 这篇文章里提取出来的一部分,这篇文章让我学到了挺多可能我应该知道却还没知道的知识,写的挺好的 优化几何体   这一步主要是为了针对性能瓶颈中的”顶点 ...

  4. 浅谈HTTP中Get与Post的区别/HTTP协议与HTML表单（再谈GET与POST的区别）

    HTTP协议与HTML表单(再谈GET与POST的区别) GET方式在request-line中传送数据:POST方式在request-line及request-body中均可以传送数据. http: ...

  5. Another Look at Events（再谈Events）

    转载:http://www.qtcn.org/bbs/simple/?t31383.html Another Look at Events(再谈Events) 最近在学习Qt事件处理的时候发现一篇很不 ...

  6. C++ Primer 学习笔记_32_STL实践与分析（6） --再谈string类型（下）

    STL实践与分析 --再谈string类型(下) 四.string类型的查找操作 string类型提供了6种查找函数,每种函数以不同形式的find命名.这些操作所有返回string::size_typ ...

  7. 再谈JSON -json定义及数据类型

    再谈json 近期在项目中使用到了highcharts ,highstock做了一些统计分析.使用jQuery ajax那就不得不使用json, 可是在使用过程中也出现了非常多的疑惑,比方说,什么情况 ...

  8. C++ Primer 学习笔记_44_STL实践与分析（18）--再谈迭代器【下】

    STL实践与分析 --再谈迭代器[下] 三.反向迭代器[续:习题] //P355 习题11.19 int main() { vector<int> iVec; for (vector< ...

  9. C++ Primer 学习笔记_43_STL实践与分析（17）--再谈迭代器【中】

    STL实践与分析 --再谈迭代器[中] 二.iostream迭代[续] 3.ostream_iterator对象和ostream_iterator对象的使用 能够使用ostream_iterator对 ...

  10. 再谈IE的浏览器模式和文档模式

    原文:再谈IE的浏览器模式和文档模式 以前在 “IE8兼容视图(IE7 mode)与独立IE7的区别”一文中曾经涉及过浏览器模式和文档模式,但二者的区别却不甚了了,现在有了新的认识,再补充一下. 1. ...

随机推荐

  1. shell应用——主控脚本实现（1）

    shell脚本作用:内网ip,公网ip :cpu负载,内存使用量:ngix和mysql...

  2. JDBC操作Oracle数据库——实际操作过程中的小总结

    1.对数据库中,表的每一行数据记录的增删改查 增:insert into 表名 values() 删:delete 表名 where 条件(id=?) 改:update 表名 set 列名=? whe ...

  3. CUBRID学习笔记 46 PREPARED set Do

    cubrid的中sql查询语法PREPARED set Do c#,net,cubrid,教程,学习,笔记欢迎转载 ,转载时请保留作者信息.本文版权归本人所有,如有任何问题,请与我联系wang2650 ...

  4. python_way day6 反射，正则 模块（进度条，hash）

    python_way day6 反射 正则 模块 sys,os,hashlib 一.模块: 1.sys & os: 我们在写项目的时候,经常遇到模块互相调用的情况,但是在不同的模块下我们通过什 ...

  5. CSS笔记（四）文本

    CSS 文本属性可定义文本的外观.通过文本属性,可以改变文本的颜色.字符间距,对齐文本,装饰文本和对文本进行缩进,等等. 参考:http://www.w3school.com.cn/css/css_t ...

  6. Team Formation

    #include <stdio.h> #include <ctype.h> #include <math.h> #include <stack> #in ...

  7. eclipse 技巧

    1. eclipse中xml中提示需有xsd文档 如在线eclipse将自动网络获取.xsd 否则 手动本地添加(在xml catalog参数设置选项) 2.当明确实现功能时,可将已有方法抽取成接口, ...

  8. HTTP refere

    什么是 http refere ? 简言之,放在web浏览器的header上的 当我通过我的主页访问我朋友的网站时,就可以获得refere , 可以获取网页访问流量,也可以防盗链 一般 referer ...

  9. servlet文件上传

    1.获取文件上传路径 String path=request.getServletContext.getRePath("/WEB-INF/resources"); 2.获得工厂 3 ...

  10. Linux_查看进程

    1. 静态: ps -aux 2. 动态: top 3.