就在今天我抱着试一试的态度稍微看了下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. vb的LINQ实现

    vb实现LINQ非常简单的例子: Dim numbers() As Integer = {1, 2, 3, 4, 5, 6, 7} Dim allNumbers = From number In nu ...

  2. （转）SQL Server 2008将数据导出为脚本 [SQL Server]

    之前我们要将一个表中的数据导出为脚本,那么只有在网上找一个导出数据的Script,然后运行就可以导出数据脚本了.现在在SQL Server 2008的Management Studio中增加了一个新特 ...

  3. .Net HttpClient 模拟登录微信公众平台发送消息

    1.模拟登录 public WeiXinRetInfo ExecLogin(string name, string pass) { CookieContainer cc = new CookieCon ...

  4. 使用angularjs中ng-repeat的$even与$odd属性时的注意事项

    JavaScript中数组的索引是从0开始的,因此我们再取奇偶的时候需要用!$even和!$odd来将$even和$odd的布尔值反转 下面给出一个实例: 使用$odd和$even来制作一个红蓝相间的 ...

  5. poj1611 简单并查集

    The Suspects Time Limit: 1000MS   Memory Limit: 20000K Total Submissions: 32781   Accepted: 15902 De ...

  6. Mysql学习（慕课学习笔记9）查询、分组

    查找记录 Select select username,id from users; Group by 进行分组 select sex from users group by sex; 分组条件 se ...

  7. 关于lambda表达式树

    总而言之: 就是在表达式中没有花括号. IEnumerable<Rect> rectlist3 = rectlist.Select(rect =>newRect(rect.X + 2 ...

  8. IOS 如何选择delegate、notification、KVO？

    IOS 如何选择delegate.notification.KVO? 博客分类: IOS   前面分别讲了delegate.notification和KVO的实现原理,以及实际使用步骤,我们心中不禁有 ...

  9. AFNetworking 2.0 新特性讲解之AFHTTPSessionManager

    AFNetworking 2.0 新特性讲解之AFHTTPSessionManager (2014-02-17 11:56:24) 转载▼     AFNetworking 2.0 相比1.0 API ...

  10. Express4 Route笔记

    可以参考Express官网关于路由一节:http://expressjs.com/guide/routing.html 1:通过使用GET.POST方式定义主页路由,app.js: var expre ...