关于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. SQL 批量删除数据表

    ) while(exists(select * from sysobjects where name like '表名前缀%')) begin select @name=name from sysob ...

  2. \n ^ \t的使用

    \n是换行符: 使用时需要放在字符串里面,成为字符串的一部分(不要嫌乱,这是我之前犯的错误). 示例: >>>print("I am Guido \n what's yon ...

  3. perl的map函数

    perl的map函数的使用: 语法 map EXPR, LIST map BLOCK LIST 定义和使用 对list中的每个元素执行EXPR或BLOCK,返回新的list.对每一此迭代,$_中保存了 ...

  4. 数据库mysql中distinct关键词

    在表中,可能会包含重复值.这并不成问题,不过,有时您也许希望仅仅列出不同(distinct)的值.关键词 distinct用于返回唯一不同的值. 例如,在学生信息表中,你想查询该学校有多少个系.例如, ...

  5. JS完成改变新闻字体大中小的显示

    <%@ page language="java" import="java.util.*" pageEncoding="utf-8"% ...

  6. 三大域对象的使用总结request域 + session域 +

    request域: servlet 产生数据显示完后,就没用了. session域:数据除了显示之外,等一会还要用. servletContext域: 数据除了显示之外不仅还要用还要给其他人用.

  7. E2 2014.08.05 更新日志

    增加功能 增加手机．平板兼容模块,用手机平板也能正常登陆和使用软件 介绍  演示 对数据库全面优化,全面提升数据量很大时统计分析的性能 完善功能 销售分析增加按商品分类分析 完善客户明细窗口的客户信息 ...

  8. iOS - Swift NSLocale 本地化信息

    前言 public class NSLocale : NSObject, NSCopying, NSSecureCoding NSLocale 类返回本地化信息,主要体现在"语言" ...

  9. SAP接口编程 之 JCo3.0系列(03) : Table参数

    Table参数作为export parameter BAPI_COMPANYCODE_GETDETAIL是一个适合演示的函数,没有import paramter参数,调用后COMPANYCODE_GE ...

  10. oracle 查看锁表情况并处理锁表

    /* *locked *query locked object and analyse reason,kill it * */ select 'alter system kill session '' ...