當前位置 : IT培訓網 > Web前端 > Web教程 > Html基礎知識有哪些

Html基礎知識有哪些

時間:2016-11-14 17:39:34??來源: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.btityu.live">這是一個鏈接</a>

源代碼:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>IT培訓網(cnitedu.cn)</title>

</head>

<body>

<a href="http://www.btityu.live">這是一個鏈接使用了 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)播放
法国网球公开赛直播表