初识html

来源：互联网发布：收入证明知乎编辑：程序博客网时间：2024/06/05 14:47

这一周老师有事，所以讲解的内容不多，总是大概了解了一下html5。因为Java语言做的主要是后端的内容，做出的内容如果让Java来做美化的话效果很不理想。因此为了满足客户的图形化界面美感需求。Java和html开始分工合作，Java负责进行数据处理与交换，html负责给客户一个干净整洁美观的操作界面。因为Java负责数据处理，所以客户看不到Java的东西，所以Java程序员都属于后端，与客户相接触的html叫做前端。

html（hyper text markup language）的中文意思是超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。它有其固定的格式：

<!DOCTYPE html>//声明html版本

<html>

<metaname="keywords" content="charset=Unicode"></meta>

</head>

</body>

</html>

一般情况下html的标签都是成对出现的，有开始就一定有结束，但是除了换行标签<br/>和分隔符<hr/>除外。html如果标签是纯字母的话，大小写无所谓，不过一般都是用小写。标签的属性值最好用双引号（“ ”）引起来。

html的功能也特别强大，html文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一，其主要特点如下，其一就是简易性：html说到底还是文本，只是在文本的基础上增添了图片音频视频等功能，所以只要是文本操作软件就可以编写html代码，因此html编写很简单。

其二拓展性强：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。

其三平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。

最后一点通用性：因为html是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

html里面有一些常用的标签，包括前面的代码中提到的html、head、body以外，还有注释标签,这也是html唯一的一种注释格式；还有普通的文本标签：

标题(h1~h6)，标题分为一到六级，一级标题字体最大，六级最小，通常用于报告、新闻、文案等等需要标题的文本中。

水平线(hr)，又做分隔符它的效果就是将她前后的文本分行并在他们之间添加一条横线。

段落(p)，这个就是段落内容

上下标(sup和sub)，这个是将选中的文本字体变小并放上面（上标）或者下面（下标），例如化学表达式中的H2O中的2，就是下标；数学中的2^2=4，后面的2就是上标。

换行(br)，这个标签是一个特殊标签，只有单个出现，没有标签体。作用就是换一行显示，经常用于表格类文本之中。

原样输出(pre)，这个标签的作用是在代码中是什么样的格式，打印出来的就是什么样的格式。

有序列表ol li ，这个标签是成对出现的，而且ol只能套用li标签，li标签可以套用其它标签，表现就是为li添加序列号。

无序列表ul li ，这个和ol li一样，不同的是他的表现是为li添加项目符号