html5学习笔记——基础知识1

原创 2015年07月26日 10:54:26

要想知道html5首先要知道html,什么是html呢?
**

html(HyperText Markup Language)

**
超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下:
简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。
通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
那什么是html5呢?
其实啊html5就是html的一个最新的版本,由于浏览器厂家对浏览器的功能需求不断的改进,html的版本也是在不断地升级,5这个版本也是最新的版本了。下面我们开始学习html5的基础知识。

html5文件框架

<!DOCTYPE html><!–注意这里里需要写html就可以了,写html说明你遵循的html版本为html5–> <!–下面的就和以前的html一样了–>

<head>

< title> 我的页面 < /title>

< meta charset=utf-8>

< /title>

<\head>
<body>

我的第一个html5页面

<\body>
</html>

html5段落

需要注意的是:在html中插入空格和分段在页面中是没有效果的。
分段:<p></p>
分行:<br>
注意这个没有结束标签
一级标题:<h1>一级标题</h1>l;

一级标题


二级标题:<h2>二级标题</h2>l;

二级标题


三级标题:<h3>三级标题</h3>l;

三级标题


同理一共有六级标题。
在html5中新增一种标题<wbr>一级标题</wbr>l;
这里标签针对于英文,作用是告诉浏览器如果你需要的话可以把这个英语单词放到下一行。
如下图:decorated单词在上一行是放不下的,所以说要放到下一行wbr说明例子

html5字体样式

加粗:<b></b>
斜体:<i></i>
打印字体:<tt></tt>
小一个字体:<small></small>
注意和几个标签可以嵌套使用。
删除:<del></del>;
新加:<ins></ins>;
过时的:<s></s>;
上标:<sup></sup>;
下标:<sub></sub>;
标记(高亮):<mark></mark>;
标签代码
标签实例

短语格式

强调:<em></em>
着重:<strong></strong>
定义:<dfn></dfn>
代码:<code></code>
例子代码:<samp></samp>
键盘:<kbd></kbd>
变量:<var></var>
引用:<cite></site>
这些东西在不同的浏览器中可能显示的不一样,这些由浏览器定于样式。这些短语不会引起断行。
这里写图片描述
这里写图片描述

html5特殊格式

地址:<address></address>;
缩进:<blockquote></blockquote>;
引用:<q></q>;
格式化:<pre></pre>;

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/SMoothiemiss/article/details/47065321

《Html5,基础知识、核心技术与前沿案例》阅读笔记- 待续

本着对前端知识重温梳理,可能有一些是错误的观点,请指出,不甚感激! 第一章:初探Html5 1. 如果需要页面充满全屏。定义 ,body{ height:100%; } 原书描述 ...
  • toberare
  • toberare
  • 2017-03-22 22:04:37
  • 922

10分钟HTML5入门基础知识(一)

毫无疑问,对于开发人员而言,HTML5已是一个热点话题。如果你需要快速了解HTML5的功能的基本原理,阅读本文是你最好的选择。 本文来自The Code Project的付费搜索位置,由Soluti...
  • chaishen10000
  • chaishen10000
  • 2016-05-27 22:09:15
  • 8035

学习笔记—网页设计基础知识(一)

学习笔记—网页基础知识入门 一、认识互联网 Internet1是一个全球性的计算机互联网络,中文名称为“国际互联网”或“因特网”。 它集现代通信技术和现代计算机技术于一体,是计算机之间进...
  • youshenmebutuo
  • youshenmebutuo
  • 2017-08-05 18:03:38
  • 214

【基础html5 基础知识点】(全)

新增的结构标签 section元素  表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、 h2……等元素结合起来使用,表示文档结构。例:HTML5中……;HTML4中 ……...
  • kongjiea
  • kongjiea
  • 2014-08-16 15:33:21
  • 13384

单片机学习之硬件基础知识学习

电容 三极管
  • Hei_Ant
  • Hei_Ant
  • 2015-11-22 17:27:47
  • 301

html5 css3基础知识详解

如同人类的的进化一样,CSS3是CSS2的“进化”版本,在CSS2基础上,增强或新增了许多特性, 弥补了 CSS2的众多不足之处,使得Web开发变得更为高效和便捷。 Html4-html5...
  • ITzhongzi
  • ITzhongzi
  • 2017-03-09 18:29:42
  • 618

HTML5学习笔记 —— JavaScript基础知识

来源于我的HTML5学习笔记,通过它可以快速入门HTML5,同时可以作为工作中快速查找知识点的利器。 本文由浅入深地详解了JavaScript的各项基础知识点,通过本文你将会对JavaScript语...
  • chencl1986
  • chencl1986
  • 2017-05-11 21:51:14
  • 3111

Java基础知识学习笔记总结

Java学习笔记总结 java基础复习 1、 抽象类可以有构造器,可以有一个非抽象的父类 2、 垃圾回收机制回收的是堆里面的内存,栈里面的数据自动入栈自动出栈 3、 引用类型的数据在堆当中,内存中操作...
  • shine_a
  • shine_a
  • 2017-04-21 15:26:41
  • 3391

【Unity3D】基础知识学习笔记

Unity3D基础知识学习笔记 1、基础知识: 标题栏 菜单栏 工具栏:变换工具、gizmos切换、播放控件、层列表、布局列表 功能窗口 2、资源及资源类型:在project里面能够create的资...
  • woaini454186694
  • woaini454186694
  • 2016-05-25 22:53:54
  • 5689

51单片机精华笔记(下)

单片机串口通信: 用到串行口控制寄存器(SCON)、功率控制寄存器(PCON)、工作方式寄存器(TMOD)时钟控制寄存器(TCON) 1.初始化: 串行口工作之前,应对其进行初始化,主要是设置...
  • ZHANG_TAO_88
  • ZHANG_TAO_88
  • 2016-01-02 23:56:01
  • 532
收藏助手
不良信息举报
您举报文章:html5学习笔记——基础知识1
举报原因:
原因补充:

(最多只允许输入30个字)