关闭

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

标签: html5html语言
746人阅读 评论(0) 收藏 举报
分类:

要想知道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>;

0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

【Unity3D】基础知识学习笔记

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

JAVA入门基础知识小结

从C++到Java入门基础知识小结...
  • CSDN_SXL
  • CSDN_SXL
  • 2016-01-26 15:02
  • 7314

oracle数据库基础知识学习笔记

一、SQL语言分类: 1.DDL(数据定义语言):  create(创建)    alter(修改)  drop(删除)------------主要是对表操作。   2.DML(数据操作...
  • u011955534
  • u011955534
  • 2013-11-04 18:52
  • 6315

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

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

HTML5基础知识学习笔记

1.Html5基础讲解1.1HTML5基础标签: head:头标签,一般会将一些网页的基本配置和文件引用在head中设置; body:内容标签,里面是整个网页要展示内容部分; 1.2HTML5标...
  • u011771755
  • u011771755
  • 2015-06-17 14:20
  • 1054

HTML5 WEBGL学习1 3D基础知识

本系列学习资源来自《HTML5 与WebGL编程》 中国工信出版集团 人民邮电出版社3D 图形的基础知识在计算机里显示3d图形,就是说在平面里显示三维图形。三维坐标系面对计算机在坐标系没有旋转的情况下...
  • xundh
  • xundh
  • 2017-12-16 20:03
  • 112

html5基础知识(1)-----属性&&样式

html5入门基础知识
  • oiu1010110
  • oiu1010110
  • 2015-11-12 17:23
  • 268

HTML5 基础知识,第 1 部分

亲自体验 HTML5 Grace Walker, IT 顾问, Walker Automated Services 简介: HTML5 代表了 Web 业务和云业务在实现方式上的里程碑式改...
  • dac55300424
  • dac55300424
  • 2013-07-17 08:59
  • 493

HTML5培训第11节课堂笔记(响应式布局:媒体查询,条件注释,mui基础知识,引导页小实例)

HTML5培训第11节课堂笔记 界面布局 媒体查询:响应式布局 1.@media用法                 @media only screen an...
  • u013267266
  • u013267266
  • 2016-05-05 08:50
  • 1066

html5基础知识——常用标签和新标签

要注意编写的语义性(了解哪些标签可以干什么,使得浏览器能够更好的读取代码信息,更好的呈现) html5的文件声明里包含是注释(x=1,2,3,4,5,6)粗体形式的标题标签 ,其中最大、是粗体   ...
  • qq_21184771
  • qq_21184771
  • 2017-02-20 23:18
  • 667
    个人资料
    • 访问:49236次
    • 积分:852
    • 等级:
    • 排名:千里之外
    • 原创:35篇
    • 转载:7篇
    • 译文:0篇
    • 评论:1条
    文章分类