1、HTML学习 - IT软件人员学习系列文章 - Lzhdim's Fashion

1、HTML学习 - IT软件人员学习系列文章

Posted on 2014-12-28 19:33 lzhdim 阅读(10040) 评论(0) 编辑收藏举报

本文做为《IT软件人员学习系列文章》的第一篇，将从最基本的开始进行描述，了解的人完全可以跳过本文（后面会介绍一些工具）。

今天讲讲Web开发中最基础的内容：HTML（超文本标记语言）。HTML的内容是文本，就象我们在文本文档中记录内容一样。

一、最基本例子。

下面是一个最基本的HTML页面文本内容（代码一）：

<html>

<head>

<title>这个HTML页面</title>

</head>

<body>

这是HTML页面内容

</body>

</html>

我们能够使用任何的文本编辑工具对HTML页面进行编辑开发。本文以UltraEdit这个工具进行演示。（下载地址http://download.csdn.net/detail/lzhdim/8308465），下图为安装界面。

从上面的基本的HTML页面内容可以看出，一个标准的HTML文件由HTML元素，元素的属性和相关属性值3个基本部分组成。

HTML元素的出现形式有3类：

首尾标记必须成对出现的元素，例如：<h1>,<button>等元素

起始标记必须出现，而结尾标记是可选的，例如<p>,<option>等元素

只有起始标记，而禁止结尾标记的元素，例如<input>,<img>等元素

在开始对HTML进行编程之前，建议大家使用纯文本（UltraEdit编辑工具）和编辑工具（Dreamwave、Visual Studio等）两种方式都尝试一下。但是建议在刚开始的时候还是使用纯文本的方式进行编程，这样也能够记住一些最基本的语法和标签元素等内容。

二、属性。

HTML文本标记是不区分大小写的，这个与Javascript语言不同。也就是说HTML语言对大小写不敏感。

下面说说关于HTML语言的引号的使用：

上面描述了一个页面按钮标记的写法。我们可以看到type=”button”这里是双引号，而在后面的onclick事件也能够使用单引号来进行处理。为什么这里要强调一下呢，因为在后面当我们使用jQuery进行编程的时候，有时候会通过从后台获取HTML文本到前台来进行输出，而在后台代码里，比如C#，对于字符串是需要用双引号进行括起来的，所以在里面的HTML文本需要对引号进行处理。

下面对input的type类型做个简要的介绍：

语法：

属性值

值	描述
button	定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。
checkbox	定义复选框。
file	定义输入字段和 "浏览"按钮，供文件上传。
hidden	定义隐藏的输入字段。
image	定义图像形式的提交按钮。
password	定义密码字段。该字段中的字符被掩码。
radio	定义单选按钮。
reset	定义重置按钮。重置按钮会清除表单中的所有数据。
submit	定义提交按钮。提交按钮会把表单数据发送到服务器。
text	定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。