就在今天我抱着试一试的态度稍微看了下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>为了说得更清晰点, 下面我将附上一张图来供大家参考:

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

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

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

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

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

初探HTML的更多相关文章

  1. 初探领域驱动设计（2）Repository在DDD中的应用

    概述 上一篇我们算是粗略的介绍了一下DDD,我们提到了实体.值类型和领域服务,也稍微讲到了DDD中的分层结构.但这只能算是一个很简单的介绍,并且我们在上篇的末尾还留下了一些问题,其中大家讨论比较多的, ...

  2. CSharpGL(8)使用3D纹理渲染体数据 (Volume Rendering) 初探

    CSharpGL(8)使用3D纹理渲染体数据 (Volume Rendering) 初探 2016-08-13 由于CSharpGL一直在更新,现在这个教程已经不适用最新的代码了.CSharpGL源码 ...

  3. 从273二手车的M站点初探js模块化编程

    前言 这几天在看273M站点时被他们的页面交互方式所吸引,他们的首页是采用三次加载+分页的方式.也就说分为大分页和小分页两种交互.大分页就是通过分页按钮来操作,小分页是通过下拉(向下滑动)时异步加载数 ...

  4. JavaScript学习（一） —— 环境搭建与JavaScript初探

    1.开发环境搭建 本系列教程的开发工具,我们采用HBuilder. 可以去网上下载最新的版本,然后解压一下就能直接用了.学习JavaScript,环境搭建是非常简单的,或者说,只要你有一个浏览器,一个 ...

  5. .NET文件并发与RabbitMQ（初探RabbitMQ）

    本文版权归博客园和作者吴双本人共同所有.欢迎转载,转载和爬虫请注明原文地址:http://www.cnblogs.com/tdws/p/5860668.html 想必MQ这两个字母对于各位前辈们和老司 ...

  6. React Native初探

    前言 很久之前就想研究React Native了,但是一直没有落地的机会,我一直认为一个技术要有落地的场景才有研究的意义,刚好最近迎来了新的APP,在可控的范围内,我们可以在上面做任何想做的事情. P ...

  7. 【手把手教你全文检索】Apache Lucene初探

    PS: 苦学一周全文检索,由原来的搜索小白,到初次涉猎,感觉每门技术都博大精深,其中精髓亦是不可一日而语.那小博猪就简单介绍一下这一周的学习历程,仅供各位程序猿们参考,这其中不涉及任何私密话题,因此也 ...

  8. Key/Value之王Memcached初探：三、Memcached解决Session的分布式存储场景的应用

    一.高可用的Session服务器场景简介 1.1 应用服务器的无状态特性 应用层服务器(这里一般指Web服务器)处理网站应用的业务逻辑,应用的一个最显著的特点是:应用的无状态性. PS:提到无状态特性 ...

  9. NoSQL初探之人人都爱Redis：（3）使用Redis作为消息队列服务场景应用案例

    一.消息队列场景简介 “消息”是在两台计算机间传送的数据单位.消息可以非常简单,例如只包含文本字符串:也可以更复杂,可能包含嵌入对象.消息被发送到队列中,“消息队列”是在消息的传输过程中保存消息的容器 ...

  10. Unity3D游戏开发初探—1.跨平台的游戏引擎让.NET程序员新生

    一.Unity3D平台简介 Unity是由Unity Technologies开发的一个让轻松创建诸如三维视频游戏.建筑可视化.实时三维动画等类型互动内容的多平台的综合型游戏开发工具,是一个全面整合的 ...

随机推荐

  1. javaScript模块化一

    1. Module模式的基本特性 A) 模块化 可重用   B) 封装了变量和function 和全局的namespace不接触 松耦合.   C) 只暴露可用public的方法 其他私有方法全部隐藏 ...

  2. linux命令帮助

    Linux命令格式:command [options] [arguments]command:命令options: 参数 [] 表示是可选的;<> 表示是可变化的; x|y|z 表示只能选 ...

  3. C#中的一些技巧

    VS编辑器的虚线如何设置和取消:使用快捷键Ctrl+E+C VS自带的反编译工具是什么:il dasm

  4. SQL数据库增删改查基本语句

    adoquery1.Fielddefs[1].Name; 字段名dbgrid1.columns[0].width:=10; dbgrid的字段宽度adoquery1.Fields[i].DataTyp ...

  5. python challenge 待续中

    网址:http://www.pythonchallenge.com/解答好文:http://story.iteye.com/blog/730466 0:2^38 reduce(lambda x,y:x ...

  6. sql server代理中作业执行SSIS包失败

    RT,执行失败了,总是只提示一句“以xxxx用户身份执行失败”,很难找原因. 引用 http://bbs.csdn.net/topics/300059148 Sql2005如何用dtexec运行ssi ...

  7. 有n人围成一圈，顺序排号。从第1个人开始报数（从1到3报数），凡报到3的人退出圈子，问最后留下的是原来的第几号的那位。

    #include <iostream> using namespace std; int main() { int i,j,n,m,k,*p,num[100];k=m=0;   cin&g ...

  8. python学习第十五天 -面向对象之继承和多态

    大家都知道面向对象的三大特性:封装,继承,多态.封装特性在上一章节已经讲解过.这一章节主要讲解继承和多态. 继承: 当定义一个类的时候,可以从现有的类进行继承.那么新定义的类可以称为子类,被继承的现有 ...

  9. Codeforces 204A Little Elephant and Interval

    http://codeforces.com/problemset/problem/204/A 题意:给定一个[L,R]区间,求这个区间里面首位和末尾相同的数字有多少个 思路:考虑这个问题满足区间加减, ...

  10. Unity 3D中的菜单项

    1.File菜单:主要是包含项目和场景的创建.保存以及输出等功能.2.Edit(编辑)菜单:只要包括对场景进行一系列的编辑以及环境设置操作等命令.3.Assets(资源)菜单:掌握资源在Unity中的 ...