当前位置 : IT培训网 > Web前端 > Web教程 > Html基础知识有哪些

Html基础知识有哪些

时间:2016-11-14 17:39  来源:web前端培训网  作者:IT培训网  已有:名学员访问该课程
Html基础很多,希望大家在业余的时间自己查找一些,毕竟循序渐进的学习对我们提升技能有很大的帮助,如果你在学习html的路上有什么不懂的,请及时与我们联系,学技能,提升职场竞争力,从IT培训网开始。

想要学好web前端吗,web前端有哪些知识呢,作为初学者应该如何学习呢?从我的经验看来,零基础的学员最好从html基础学起,下面就让我们一起看看html基础的几个案例。

HTML 基础- 4个实例

不要担心本章中您还没有学过的例子,

您将在下面的章节中学到它们。

第一:HTML 标题

HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的.

实例

<h1>这是一个标题</h1>

<h2>这是一个标题</h2>

<h3>这是一个标题</h3>

源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>IT培训网(cnitedu.cn)</title>

</head>

<body>

<h1>这是标题 1</h1>

<h2>这是标题 2</h2>

<h3>这是标题 3</h3>

<h4>这是标题 4</h4>

<h5>这是标题 5</h5>

<h6>这是标题 6</h6>

</body>

</html>

运行结果:

这是标题 1

这是标题 2

这是标题 3

这是标题 4

这是标题 5

这是标题 6

第二:HTML 段落

HTML 段落是通过标签 <p> 来定义的.

实例

<p>这是一个段落。</p>

<p>这是另外一个段落。</p>

源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>IT培训网(cnitedu.cn)</title>

</head>

<body>

<p>这是一个段落。</p>

<p>这是一个段落。</p>

<p>这是一个段落。</p>

</body>

</html>

运行结果:

这是一个段落。

这是一个段落。

这是一个段落。

第三:HTML 链接

HTML 链接是通过标签 <a> 来定义的.

实例

<a href="http://www.cnitedu.cn">这是一个链接</a>

源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>IT培训网(cnitedu.cn)</title>

</head>

<body>

<a href="http://www.cnitedu.cn">这是一个链接使用了 href 属性</a>

</body>

</html>

运行结果:

这是一个链接使用了 href 属性

第四:HTML 图像

HTML 图像是通过标签 <img> 来定义的.

实例

<img src="cnitedu.png" width="104" height="142">

源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>IT培训网(cnitedu.cn)</title>

</head>

<body>

<img src="/images/cnitedu.png" width="300" height="120" />

</body>

</html>

运行结果:

图略

Html基础很多,希望大家在业余的时间自己查找一些,毕竟循序渐进的学习对我们提升技能有很大的帮助,如果你在学习html的路上有什么不懂的,请及时与我们联系,学技能,提升职场竞争力,从IT培训网开始。

顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
------分隔线----------------------------
Web 教程
1、HTML 教程
1.1 HTML 简介
1.2 HTML 编辑器
1.3 HTML 基础
1.4 HTML 元素
1.5 HTML 属性
1.6 HTML 标题
1.7 HTML 段落
1.8 HTML 文本格式化
1.9 HTML 链接
1.10 HTML 头部
1.11 HTML CSS
1.12 HTML 图像
1.13 HTML 表格
1.14 HTML 列表
1.15 HTML 区块
1.16 HTML 布局
1.17 HTML 表单
1.18 HTML 框架
1.19 HTML 颜色
1.20 HTML 颜色名
1.21 HTML 颜色值
1.22 HTML 脚本
1.23 HTML 字符实体
1.24 HTML URL
1.25 HTML 速查列表
1.26 HTML 总结
1.27 HTML 简介
2、HTML5
2.1 HTML5 教程
2.2 HTML5 浏览器支持
2.3 HTML5 新元素
2.4 HTML5 Canvas
2.5 HTML5 内联 SVG
2.6 HTML5 MathML
2.7 HTML5 拖放
2.8 HTML5 地理定位
2.9 HTML5 Video(视频)
2.10 HTML5 Audio(音频)
2.11 HTML5 Input 类型
2.12 HTML5 表单元素
2.13 HTML5 表单属性
2.14 HTML5 语义元素
2.15 HTML5 Web 存储
2.16 HTML5 Web SQL
2.17 HTML5 应用程序缓存
2.18 HTML5 Web Workers
2.19 HTML5 SSE
2.20 HTML5 WebSocket
2.21 HTML5 代码规范
3、HTML 媒体
3.1 HTML 媒体(Media)
3.2 HTML 插件
3.3 HTML 音频(Audio)
3.4 HTML视频(Videos)播放