就在今天我抱着试一试的态度稍微看了下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. Java基础知识强化60：经典查找之二分查找

    1. 二分查找       二分查找又称折半查找,优点是比较次数少,查找速度快,平均性能好:其缺点是要求待查表为有序表,且插入删除困难.因此,折半查找方法适用于不经常变动而查找频繁的有序列表. 比较 ...

  2. Selenium2学习之-环境搭建

    1.下载安装Eclipse 2.下载并配置jdk环境变量 2.1 介绍一下环境变量设置 2.1.1 点击环境变量 2.1.2 新增系统变量JAVA_HOME 变量名:JAVA_HOME 变量值:C:\ ...

  3. 网站项目后台的目录命名为admin后，网页莫名其妙的变样了

    这是我的第一篇博客文章,与其说是分享经验,倒不如说是求助 最近因为要完成一个课程设计,在拿一个现成的项目过来改,要用到select下拉菜单,可是发觉怎么我的这个下拉菜单怎么变样了 刚开始它是这样的 感 ...

  4. WPF DataGrid 之数据绑定

    1. Auto generation of columns 最简单的方法莫过于让DataGrid根据数据源中的字段自动生成列了: 根据实体类的公共属性, 能够自动生成四种类型的数据列,对应关系如下: ...

  5. C#获取当前路径的几种方法

    C#获取当前路径的方法如下: 1. System.Diagnostics.Process.GetCurrentProcess().MainModule.FileName -获取模块的完整路径. 2. ...

  6. ReportViewer导出功能筛选

    ReportViewer只能导出Excel,把导出Word和PDF功能去掉 <rsweb:ReportViewer ID="ReportViewer1" runat=&quo ...

  7. scala学习笔记-集合

    变长数组:数组缓冲 Scala中对于那种长度会变的数组的数据结构为ArrayBuffer. import scala.collection.mutable.ArrayBuffer; // 一个空的数组 ...

  8. UITableVIewcell中图片不能改变大小的原因

    你有没没有发现,有时候把图片放进cell.imageView中时无法顺利改变大小呢? 其实根本原因是要在layoutSubviews重新配置一下,cell的布局里面默认有一个imageiView,同时 ...

  9. 《APUE》读书笔记第十二章-线程控制

    本章中,主要是介绍控制线程行为方面的内容,同时介绍了在同一进程中的多个线程之间如何保持数据的私有性以及基于进程的系统调用如何与线程进行交互. 一.线程属性 我们在创建线程的时候可以通过修改pthrea ...

  10. web前端安全相关

    burpsuite Burp Suite 是用于攻击web 应用程序的集成平台.它包含了许多工具,并为这些工具设计了许多接口,以促进加快攻击应用程序的过程.所有的工具都共享一个能处理并显示HTTP 消 ...