就在今天我抱着试一试的态度稍微看了下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. 关于C#中的抽象类、抽象方法和虚方法的探究

    2016年的第一篇文章,容我先喷喷新年的情怀,..........,好了,喷的差不多了. 在面向对象中,我们需要对类进行横向和纵向的认识,不同的类有不同特色的成员,同时在不同类的继承中,子类获得父类的 ...

  2. mybatis的简单使用

    使用mybatis数据库时,需要添加一下jar包: asm-3.3.1.jarcglib-2.2.2.jarjavassist-3.17.1-GA.jarlog4j-1.2.17.jarmybatis ...

  3. javascript正则

      <script type="text/javascript"> //去除两边空格,如果要去除所有空格,使用/\s*即可/ String.prototype.trim ...

  4. SQLServer2008/2012 删除所有表视图存储过程

    SQLServer2008/2012 删除所有表视图存储过程 -------------------删除所有的表-------------------use xuwenbin111--/第1步**** ...

  5. handler机制和异步更新UI页面

    Android 提供了Handler和Looper来满足线程之间的通行,Handler是先进先出原则,Looper类用来管理特定线程内对象之间的消息互换,也可以使用Runnable来完成页面异步更新 ...

  6. cell高度自动适应文章内容

    效果: 描述:表视图中生成多个不同的cell,cell的高度跟文字内容的多少有关 要求:需要自己在网上下载一个plis文件,然后修改两个标题 一 : 创建工程文件UIAutomaticCellHeig ...

  7. 随笔： WC2016感想

    在某些时刻,我可以体会到非常复杂的情感,这种情感神秘的来源不能被描述.它非常的复杂.你无法分清,这种情感是来源于一个个神经元控制的情感系统的一时冲动,亦或是你如实地反馈了你所正在感知的外界. 但我曾在 ...

  8. linux 常用压缩工具快速指南

    .tar 解包:tar xvf FileName.tar 打包:tar cvf FileName.tar DirName (注:tar是打包,不是压缩!) ——————————————— .gz 解压 ...

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

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

  10. CPLD的发展及趋势简介

    很多板子上,都看到过有CPLD的芯片,如我见过的一个R232电平转换小板上面就用的EPM240T控制器. 当时看到很奇怪,干啥用的,后来想想,232所需的电平不就是由EPM240T提供的嘛.想明白后就 ...