初探HTML

  就在今天我抱着试一试的态度稍微看了下HTML5, 尝试着接触一点新知识, 虽然学的并不多, 但是还是异常的兴奋, 感觉有好多东西和之前的不一样了, 包括控件的创建和一些属性的设置等, 总之这些变化与改变我都非常的喜欢, 也算是接受了HTML, 以后的我还是会继续努力的, 不做伸手党, 亲力亲为的走过每一段旅程.

  一.HTML5的简单阐述

  1.html语言是超文本标记语言,不区分大小写,页面包括“格式标签”和“页面内容”;

2.网页文件格式:扩展名可以是.html或者.htm,这两个格式主要是浏览器兼容的问题吧;

3.学习html主要用的工具可以是记事本,NotePad++,EdiPlus或者在VS中直接编写等等。

  二.HTML的元素,标签,属性等

  元素是一种结构, 通常由起始标签, 可选标签, 可选属性, 内容及结束标签组成.

  标签标明了一个元素的开始与结束. 起始标签可以包含多个属性, 但不能包括其他元素或者标签, 而结束标签除了它本身之外不能包含其他任何内容.

  同时并不是所有元素都有结束标签的, 有些元素是自结束标签(自结束标签元素中有一个空格后面跟着一个斜杠, 例如:<img />, <br />, <meta />或者是<hr />).

  属性出现在标签之中, 他们仅仅可以包含该属性的值, 例如:

<p class="example"> here is some text, some of which is <em>emphasized</em></p>

   这个例子展现了类别(class)属性. 一个属性可包括多个由空格隔开的值, 如果我们希望将多个类别应用到同一属性, 这就非常有用, 例如有两个样式, 一个命名为a, 一个命名为b, 就可以写成这样:

<p class="a b"> here is some text, some of which is <em>emphasized</em></p> 

  其中的<em>是为了着重描述的具体格式为<em>需要着重描述的内容(为斜体显示)</em>

  三.对HTML文档的简单剖析

  先为大家献上一段简单的代码, 随后我再为大家一一讲解:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head> <body>
</body>
</html>

  以上就是XHTML的一份简单文档了, 在很多初学者看来也许会完全看不懂, 在我刚看的时候也是一头雾水, 什么都看不懂, 但是切忌勿焦勿燥, 一步步跟着我来, 我来给大家分享下我的学习经验啦, 嘿嘿.

  首先我们来看下doctype声明. doctype声明指示将使用哪一个文档类型定义来编写标记. doctype开头类似下面这样:

  <!DOCTYPE

  很简单, 这只是doctype的开头. 文档的根元素(<html>元素)紧随着声明的开头之后.

  <!DOCTYPE html

  注意, 我们可以使html或者HTML, 这取决于正在使用的HTML的版本. 对于虽有HTML doctype, 根元素都应该小写, 但是对于HTML doctype, 根元素可以大写(如果其余的标签也是大写的话).

  随后我们看到了PUBLIC:

  这表示我们将要引用的DTD可以公开访问. 如果你不想让其公开的话, 可以选用SYSTEM

  紧随其后的就是FPI(正式公共标识)了, 就不一一介绍了, 不懂的友友们可以去百度上查一下, 很清晰的(www.baidu.com).

  还有下面的一段就是<title>--标题--</title>为了说得更清晰点, 下面我将附上一张图来供大家参考:

初探HTML

   对, 就是这个了, 浏览器打开窗口的标题, 所以看似以前很神奇的东西, 也不过如此啦, 嘎嘎.

  至于<body>--正文--</body>这里面的东西, 那当然就是我们期望显示在网页的东西啦, 嘿嘿,  你想要写什么都可以写什么了, 至于布局和表格我会在随后的博客中继续为大家介绍.

  对了, 还有一个就是字体大小的样式, 我也只是了解了一下, 对于字体标题样式主要有六种<h1>到<h6>其中h1被认为是最重要的标题了, h6被认为是最次要的标题了, 有了这些就意味着我们不再需要去编写<div id = "heading">或者<p><strong>标题</strong></p>这样的代码了, 也为我们省去了不少事情, 但是由于我是刚解除HTML的, 所以这些样式我就先不一一演示了, 等随后更新博客时我再带大家一起浏览这些不一样的东西.

  今天就先说到这里了, 首先说明我是菜鸟, 从前从未接触过HTML的, 望各位大牛多多帮助, 可以给我多一些建议, 多一些资源, 谢了.

  不抛弃不放弃, 这种精神同样适用于学习, 秉承这这种精神我一定要有所成, 哈哈, 好了 拜拜了各位!

上一篇:Oracle中的sql操作符 和分析函数


下一篇:啰嗦的 java,简洁的 lombok —— lombok 的使用及简单实现单例模式注解